Post Thumbnail Alternatif Popular Post

Hampir semua blog memasang widget popular post selain menjadi navigasi petunjuk buat Artikel yang sering dibaca /di lihat Widget Popular post juga bisa membuat tampilan blog menjadi lebijh keran .kita bisa setting Popular Post menjadi bentuk tampilan tanpa thumbnail atau pun dengan Thumbnail.nah yang akan kita bahas kali ini bagaimana jika postingan kita tidak ada gambar, tentunya jika kita pasang widget popular post dengan thumbnail maka gambar juga tidak akan tampil pada widget popular post,coba lihat screenshot di bawah ini jika postingan kita tidak ada gambarnya

Dengan sedikit modifikasi pada widget Popular post maka nantinya Widget Popular Post akan menjadi seperti di bawah ini

Berikut cara pasang Post Thumbnail Alternatif Popular Post pada blog sobat :

1. Tentunya sobat harus pasang dulu widget popular post nya cara nya = masuk ke dasboard >>Klik Tata Letak >> Tambah Gadget >>Pilih widget Popular Post/Entri Popular
2. Nah setelah widget popular post terpasang silahkan menuju Edit Html gunakan Ctrl +F cari kode berikut :

   <!-- (4) Show snippets and thumbnails -->
               <div class='item-content'>
                 <b:if cond='data:post.thumbnail'>
                   <div class='item-thumbnail'>
                     <a expr:href='data:post.href' target='_blank'>
                       <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                     </a>
                   </div>
                 </b:if>

3. Silahkan ganti kode di atas dengan kode berikut 

    <!-- (4) Show snippets and thumbnails -->
   <div class='item-content'>
                <div class='item-thumbnail'>
                 <b:if cond='data:post.thumbnail'>
                   <a expr:href='data:post.href' target='_blank' expr:title="data:post.title">
                       <img alt='thumbnail' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title '/>
                     </a>
   <b:else/>
    <a expr:href='data:post.href' target='_blank' expr:title="data:post.title"><img class='post-thumbnail' alt='thumbnail' src='http://2.bp.blogspot.com/-ZEs8x4-rJPs/Ui3ekuUASDI/AAAAAAAAAJw/szxaZjg2FHs/s1600/zonk.png' expr:title="data:post.title"/></a>
                 </b:if>
   </div>

4. Lakukan Preview jika sudah berhasil silahkan Save template

Judul Artikel : Post Thumbnail Alternatif Popular Post

Terima Kasih Sobat sudah membaca Artikel saya Tentang Post Thumbnail Alternatif Popular Post Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih