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 :
Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
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 == "item"'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>
kalau sudah selesai SIMPAN TEMPLATE
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/AVvXsEgIE1G2pBCP9Eg4S46Ljh-txE88mqVLcSJI0dtFppLT-e0PnXAntWbyeaqz5yyIaGscup4I__VNxbJNV8i_XPTJaFpSrBaCWc2JuoauKGulwfNw3Zph9sPH_b4Zd-Y-Bt_aANasA_n9Mhg/s1600/SAZLINA_COMP.gif" alt="" />
class="thumbnail" yang mengatur thumbnail atau gambar dihidden jika masuk ke halaman posting.
Selamat mencoba
No comments:
Post a Comment