Cara Menampilkan Tumbnail Berbeda Antara Halaman Artikel Dan Halaman Home

Kali ini solcom akan share cara menampilkan thumnail yang berbeda antara home dan halaman artikel. yang solcom mangsut di sini di halaman home akan terlihat gambar, sedangkan waktu membuka halaman artikel gambar itu akan hilang ( lebih tepatnya tersembunyi )  Oke sobat langsung saja ke caranya,
1.Login ke dahsboard.
2.Pilih Template >Edit HTML>centang Expand Template Widget
3.Cari kode   </head>
4.Jika sudah ketemu taruh kode di bawah ini di atasnya kode di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>

.thumb {display:none}

</style>
</b:if>

5.Biasanya waktu kita memasukkan gambar ke postingan akan keluar,
   kode seperti ini

<a XXX href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYbYFLDrFFUP1JXC5zFbtDldHB4nyMa6DiOFAanOsV6PPCzZZ89G5KGIck2NrK41ncfKbjb76XNcdhUjNtCE-_p8PD6wkWBHIWDIEY4QFd0owxX24npKJ13MmRqn-hPYjw5oEjgGVGw9s/s1600/36.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYbYFLDrFFUP1JXC5zFbtDldHB4nyMa6DiOFAanOsV6PPCzZZ89G5KGIck2NrK41ncfKbjb76XNcdhUjNtCE-_p8PD6wkWBHIWDIEY4QFd0owxX24npKJ13MmRqn-hPYjw5oEjgGVGw9s/s320/36.jpg" width="320" /></a></div>
<br />

6.Untuk menyembunyikan gambar di artikel masukkan kode  di bawah ini
   dan tempatkan di tempat XXX warna merah di atas.

class="thumb"

CONTOH:

<a class="thumb" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYbYFLDrFFUP1JXC5zFbtDldHB4nyMa6DiOFAanOsV6PPCzZZ89G5KGIck2NrK41ncfKbjb76XNcdhUjNtCE-_p8PD6wkWBHIWDIEY4QFd0owxX24npKJ13MmRqn-hPYjw5oEjgGVGw9s/s1600/36.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYbYFLDrFFUP1JXC5zFbtDldHB4nyMa6DiOFAanOsV6PPCzZZ89G5KGIck2NrK41ncfKbjb76XNcdhUjNtCE-_p8PD6wkWBHIWDIEY4QFd0owxX24npKJ13MmRqn-hPYjw5oEjgGVGw9s/s320/36.jpg" width="320" /></a></div>
<br />

7.Selesai.

Sekian dulu tutorial dari solkom jika ada yang gak mengerti  boleh bertanya.

Artikel Terkait: