Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Tips dan Trik / Tutorial Blogger

Cara Ampuh Menghilangkan Gambar Thumbnail Pada Artikel Blog

Posting Komentar
Gambar merupakan suatu hal yang dapat menjadi salah satu daya tarik untuk para pembaca blog kita, namun menurut saya pribadi, tidak selamanya gambar yang kita gunakan selalu memberikan daya tarik pada bacaan, ada kalanya gambar yang menjadi thumnail tersebut lebih baik disembunyikan atau tidak ditampilkan pada bacaan artikel.

Kamu yang mengunjungi artikel ini saya rasa juga sudah tau banyak tahu tentang bagaimana cara membuat thumnail pada artikel postingan blog bukan?
Saya bukanlah master, guru, suhu, atau apalah itu. Namun di sini saya hanya ingin sekedar berbagai untuk kamu tentang bagaimana cara menyembunyikan thumbnail pada artikel postingan blog.

Bagaimanakah cara untuk menyembunyikan atau cara menghilangkan thumbnail pada artikel blog? berikut :

Cara Menyembunyikan Thumnbnail Pada Artikel Postingan Blog

1. Pastikan kamu sudah masuk ke blogger.com
2. Kemudian Klik opsi Tema yang terletak pada bagian bawah, lalu Edit HTML

3. Copy lalu Paste kode berikut tepat di atas tag <head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>
Sehingga menjadi seperti ini:
4. Selanjutnya klik Simpan Tema

Setelah berhasil Simpan Tema, maka sedikit langkah lagi kamu sudah dapat membuat thumbnail tampil hanya di homepage blog, mari lanjut ke:
Langkah selanjutnya untuk cara sembunyikan thumbnail pada artikel blog

1. Apabila kamu sudah memiliki artikel lalu artikel tersebut inginkan hilangkan gambar thumbnailnya, maka masuk ke Edit lalu ganti mode penulisan dari Compose ke HTML
2. Apabila kamu membuat artikel baru, caranya juga sama ya sob
3. Cari letak kode html thumbnail kamu, biasanya terletak di gambar pertama dengan ciri-ciri kode <div class="separator" style="clear: both;..........dst seperti ini:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="600" data-original-width="800" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHZ4P7PcZEOyh52EN_ujNEv6fSm-vUOTFhCN3cFsXMhT0UFTv4ADfDF1hcO4WJTrDKu7bnvOgIIVuPA9wlesYVEAHRY6KDN9m2U24o6kMAIOAi8ikQD9mzHz0ISChlQJaXnPR6pAKZzvZV/s320/CEK+TIPE.jpg" width="320" /></div>
Lalu kamu cukup ganti kata separator menjadi thumbnail

4. Terakhir kamu tinggal Perbarui atau Publish artikel tersebut

Bagaimana? berhasil kan? Demikianlah cara agar thumbnail hanya muncul di home page dan tidak muncul di artikel. Terima kasih sudah berkunjung dan semoga informasinya bermanfaat.

Posting Komentar untuk "Cara Ampuh Menghilangkan Gambar Thumbnail Pada Artikel Blog"