5/15/2013

Cara Membuat Popular Post Bergaya Scroll

Cara Membuat Popular Post Bergaya Scroll - Halo sobat Firman Maulana Tgb apa kabarnya? semoga baik dan diberikan rahmat yang melimpah dari tuhan. Aminn, di pagi hari ini saya akan mengeshare tentang Cara Membuat Popular Post Bergaya Scroll, Banyak sekali cara untuk membuat Popular post namun tak semudah yang kalian pikirkan bukan? Nah disini saya membuatnya sangat mudah loh, cukup dengan menambahkan kode CSS. Mau tau cara pembuatanya??
Nih saya kasih dulu Screenshot nya:


Bagi sobat yang ingin membuatnya, ikuti langkah-langkah dibawah ini :
1. Login Ke Blogger
2. Pilih Tata Letak -> Tambahkan Gadget -> Entri Popular atau Popular Post -> Simpan
3. Untuk menambahkan funsi scroll anda masuk ke Template -> Edit HTML
4. Cari kode <div class='widget-content popular-posts'> (Agar lebih mudah cari pake Ctrl + F)
5. Kalau sudah ketemu kodenya tambahkan kode <div style='overflow:auto; width:ancho;height:400px;'> tepat diatas kode <div class='widget-content popular-posts'>

Maka akan terlihat seperti gambar ini :


6. Kemudian anda cari kode </b:includable> tambahkan kode </div> tepat diatasnya, sehingga terlihat seperti gambar di bawah ini : 


7. Simpan Template dan lihatlah hasilnya

Sekian dulu postingan saya tentang Cara Membuat Popular Post Bergaya Scroll semoga bermanfaat dan jangan lupa untuk membagikannya.
Kunjungi juga ini

Regards,
Twitter                ( @firmantgb )
Facebook           ( Firman Maulana Tgb )

Previous Post
Next Post

5 comments:

  1. Hi there! I simply would like to give a huge thumbs up for the nice data you might have here on this post.

    I might be coming again to your blog for extra soon.

    Take a look at my web blog ... semi trucks toys for kids

    ReplyDelete