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
kalau sudah selesai SIMPAN TEMPLATE
Pada Entri Baru atau posting baru saat memasukkan gambar tambahkan kode class="thumbnail"
berikut contohnya
class="thumbnail" yang mengatur thumbnail atau gambar dihidden jika masuk ke halaman posting.
Selamat mencoba
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://sites.google.com/
site/dinarcoolblogspotcom/dinarcool-blogspot-com/article3.jpg" alt="DC" />
site/dinarcoolblogspotcom/dinarcool-blogspot-com/article3.jpg" alt="DC" />
class="thumbnail" yang mengatur thumbnail atau gambar dihidden jika masuk ke halaman posting.
Selamat mencoba
1 komentar:
udah dicoba gan.. tapi gagal.. mungkin belum beruntung.. COBA LAGI.. hehe..
www.kangramdhan.blogspot.com
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
Mohon Berkomentarlah dengan Baik dan Sopan
Maaf, jika ingin menyertakan url mohon di LINK saja ya (NO http://) atau komentar hanya sekedar promosi akan di hapus. Thank's ^_^
Posting Komentar