Cara Menampilkan Thumbnail Hanya di Halaman Depan

Postingan kali ini saya akan menjelaskan bagaimana Cara Menampilkan Thumbnail Hanya di Halaman Depan (Home Page).
Thumbnail ini hanya akan tampil pada halaman depan (Home Page) dan tidak akan tampil di halaman posting
Jika ada yang berminat langsung saja kita praktekkan.

Berikut langkah-langkahnya :

1. Login ke Blogger

2. Klik Rancangan → Edit HTML

3. Klik tulisan Download Template Lengkap

4. Silahkan Save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
   Beri tanda centang pada kotak di samping tulisan Expand Template Widget
   Kemudian cari kode </head> Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3) Jika sudah ketemu tambahkan kode berikut di atasnya :

     <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <style type='text/css'>
     .thumbnail {display:none}      </style>
     </b:if>
    5.   Kalau sudah selesai SIMPAN TEMPLATE
    6.   Pada Entri Baru atau posting baru, saat memasukkan gambar tambahkan
         kode class="thumbnail" , berikut contohnya :

<img class="thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJJEzUWZ1gM4SLJZzifMxS42n7xFMHlhht2_AgK2zYVLe6Krh6UQ7ohkaGjm5hhEcEaF2bSNt9UE00phr3GwAJOk8EQFoUpMsYA2HF1Ap1QOjiJv2HzyRHVvmsKoL277HI1e3FHDSGUcs/s1600/SAZLINA_COMP.gif" alt="" />

class="thumbnail" yang mengatur thumbnail atau gambar dihidden jika masuk ke halaman posting.

Selamat mencoba

Sumber : tiptrikblogger

Posted in: Blogger Tutorial , Cara Menampilkan Thumbnail Hanya di Halaman Depan