Membuat Related Post Bergambar Atau Thumbnail

              Banyak sekali model-model related post,seperti model related post standart,model related post fungsi scroll dll. Begitupula dengan related post yang satu ini yakni related post bergambar atau dalam bahasa inggris thumbnail related post, dinamakan related post bergambar atau thumbnail related post karena tampilannya cukup menarik dengan adanya gambar atau thumbnail. Sehingga akan tampak lebih menarik dan merupakan salah satu cara untuk mempercantik blog yang kita miliki. Sebagai contohnya lihatlah gambar dibawah ini:

Cara Membuat Tampilan Popular Post Berjalan

Cara Membuat Tampilan Popular Post Berjalan

Popular post atau istilah kerennya postingan yang terpopuler, seperti contoh popular post yang ada di sidebar blog saya ini. Bagaimana menarik bukan? Kalau kita cuma pakai yang standar maka tidak akan bergerak seperti itu, lalu membuatnya bagaimana? Caranya sangat mudah, pertama, tentu anda harus memasang gadget popular postnya terlebih dahulu, dengan klik rancangan - elemen laman - tambah gadget - tambahkan popular post/entri populer.

Kemudian anda masuk ke edit HTML, expand widgetnya dicentang,dan cari kode seperti ini

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>