Postingan

Menampilkan postingan dengan label Tutorial Blog

Cara Membuat Related Post Dengan Gambar

Gambar
Cara Membuat Related Post Dengan Gambar - Untuk Postingan ini merupakan postingan lanjutan dari Cara Membuat Related Post Dengan Gambar Mini Di Blog tidak berbeda jauh tampilan dari tutorial sebelumnya. tutorial ini merupakan jawaban dari  request teman blogger yang sudah menyempatkan berkomentar yang menginginkan related post dengan gambar pada blog saya ini  Sekilas Tentang Related Post adalah satu Teknik Blog dimana Related Post Akan Menampilkan Article-Article Yang Saling Berhubungan. Berhubungan disini Yang bermaksud adalah Setiap Artikel Yang Memiliki Kesamaan Label , Keyword Maka dengan Otomatis Artikel-artikel yang merupakan tautan yang terhubung atas kesamaan label atau keyword tersebut akan dimunculkan pada halaman di mana anda menempatkan related Post ini. Tutorial Blog ini cukup simple dan ringan. Jadi tidak perlu takut jika blog kamu loading nya lambat, berikut dibawah ini merupakan tampilan dari related post ( Postingan Terkait) Pada Blog Ini : Contoh Ta...

Cara Membuat Posting Dua Kolom Di Homepage Blog

Gambar
Tutorial Belajar Blog - Cara Membuat Posting Dua Kolom Di Homepage Blog adalah judul posting yang akan kita bahas kali ini, Tutorial ini sebelumnya inspirasi dari template mas sugeng dan template yang saya gunakan ini. Sesuai dengan judul postingan Cara Membuat Posting Dua Kolom Di Homepage Blog kenapa banyak blogger ingin mempunyai tampilan sesimple mungkin ataupun semenarik, banyak juga yang membuat tampilan homepage ( Halaman Utama ) Blog yang biasanya satu kolom di homepage menjadi dua ( 2 ) kolom . Berikut gambar dari  hasil cara membuat posting dua kolom homepage blogspot yang telah saya buat di blog uji coba pada template yang akan saya share setelah postingan ini. Before ( Sebelum ) After ( Sesudah ) Berikut Cara Membuat Posting Dua Kolom Di Homepage Blog Masuk ke akun blogger anda Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda Cari Kode ]]></b:skin> Letakkan kode berikut dibawah kode ]]></b:skin> <b:if cond='data...

Cara Membuat Lightbox Pada Gambar Blog

Gambar
Lightbox Pada Gambar Blog Cara Membuat Lightbox Pada Gambar Blog - Postingan ini merupakan insiprasi template yang saya gunakan, Pada Kesempatan ini ( Tutorial Belajar Blog) akan memberikan Javascript untuk membuat Lightbox ini terotomatisasi pada setiap gambar yang ada pada postingan blog/web anda. Apa Itu Lightbox Gambar , Lightbox itu Sejenis Pop Up, Tetapi Bukan Pop Up,Lightbox gambar itu Jika Di Click pada gambar kemudian muncul kotak yang muncul pada saat mengklik atau melihat suatu gambar. Contoh Tampilan KLIK DISINI DEMO Untuk memasang Lightbox Gambar Pada Blog dengan Jquery ikuti langkah-langkah berikut : 1. Login akun Blogger anda. 2. Pada Dashboard pilih Template » Edit HTML 3. Letakkan kode berikut ini dibawah kode ]]></b:skin>   #jquery-overlay{position:absolute; top:0;left:0;z-index:90; width:100%;height:500px} #jquery-lightbox {position:absolute;top:0;left:0;width:100%; z-index:100;text-align:center;line-height:0} #jquery-lightbox a,#jquery-lightbox a...