19 December 2010

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 :

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 == &quot;item&quot;'>
<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