MEMBUAT POPULAR POST THUMBNAIL

Membuat Popular Post Thumbnail - Nah kali ini aku akan sedikit share mengenai bagaimana menciptakan popular post thumbnail menggunakan title efek hover. Popular post ini hanya menampilkan gambar tetapi saat gambar disorot mouse akan keluar tampilan menurut judul popular post yang kita sorot, caranya cukup gampang berikut adalah tutorialnya:

1. Log in ke blogger
2. Klik tata letak tambahkan gadget popular post
3. Lalu klik Template dan edit HTML
4. Cari kode berikut ]]> kemudian tempatkan kode berikut ini tepat diatasnya:

#PopularPosts1 width:100%;background:none;
#PopularPosts1 .widget-content margin: 0 !Important;
#PopularPosts1 ul margin: 0 !Important; padding: 0 !Important;
#PopularPosts1 ul li background:none ;list-style-type: none;margin:0;
padding:0 !Important
#PopularPosts1 ul li .item-titledisplay:none
#PopularPosts1 li float:left;list-style:none;
#PopularPosts1 .item-thumbnail img float:left;margin-bottom:3px;
width:90px;height:90px;border:none;transition:all 400ms ease-in-out;
#PopularPosts1 .item-thumbnail img:hover opacity:.7

5. Dilanjutkan cari kode seperti yang mirip dibawah ini:

6. Setelah ketemu ganti kode diatas serta ganti memakai kode seperti dibawah ini:

expr:title='data:post.title' height='90' width='90'/>

gg  Merupakan berukuran tinggi serta lebar gambar, ubah sesuai hasrat sobat.
7. Klik pratinjau serta jika semuanya lancar klik simpan.
Baca pula cara membuat bermacam-macam popular post keren.