Membuat Thumbnail Pada Popular Post No Image

Langsung saja tapa basa-basi ikuti langkah-langkah berikut ini.
1. Buka Blogger ⇨ Template ⇨ Edit HTML,
2. Lalu Cari Kode/Kode Yang Persis Dengan Kode Dibawah Ini
    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    Atau Bisa Mengikuti Langkah Berikut

3. Setelah Kode Tersebut Ketemu, Silahkan Ganti Dengan Kode Berikut Ini.

Perhatian :
Ganti Kode Mulai Dari <b:widget id sampai ke </b:widget>
Jangan Sampai Salah, Kalau Salah Malah Error Entar Template Kalian..

Berikut Kodenya :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

            <b:includable id='main'>

  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>

  <div class='widget-content popular-posts'>

  <ul>

      <b:loop values='data:posts' var='post'>

      <li>

        <b:if cond='!data:showThumbnails'>

          <b:if cond='!data:showSnippets'>

            <!-- (1) No snippet/thumbnail -->

            <a expr:href='data:post.href' target='_blank'><data:post.title/></a>

          <b:else/>

            <!-- (2) Show only snippets -->

            <div class='item-title'><a expr:href='data:post.href' target='_blank'><data:post.title/></a></div>

            <div class='item-snippet'><data:post.snippet/></div>

          </b:if>

        <b:else/>

          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->

          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' expr:title='data:post.title'>

<b:if cond='data:post.thumbnail'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

<b:else/>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqfigzB1kv7J-6u_uXRC3vCcmr1wO4kfkt4PBgdU2xlnj9gnJlpPTlKcf_9D5j5Wg2YkQZjhliYWbjB5WMLwLyQ7teu_eTefB98qwoyl_1yIktgUH5u1HmFw03ukFpD-7Ja2bWK0VcU0E/s1600/no_thumb.png'/>

</b:if>

</a>

</div>

            <div class='item-title'><a expr:href='data:post.href' target='_blank'><data:post.title/></a></div>

            <b:if cond='data:showSnippets'>

              <div class='item-snippet'><data:post.snippet/></div>

            </b:if>

          </div>

          <div style='clear: both;'/>

        </b:if>

      </li>

      </b:loop>

    </ul>

  </div>

</b:includable>

          </b:widget>

4. Langkah Selanjutnya Ganti Kode/Url Yang Bewarna Merah Dengan Url Image Yang Anda Inginkan.
5. Silahkan Pratinjau/ Preview Dulu Tampilannya, Jika Sudah Berhasil Klik Simpan Template.
6. Selesai.

Diposting oleh Mimin SlideSeo