
November 30, 2019
Tutorial
Buat yang sering ngeblog atau memposting sesuatu, gambar yang kita sisipkan di dalam postingan tersebut biasanya akan secara otomatis menjadi thumbnail dari post tersebut. Namun kadang ada beberapa postingan yang akan lebih baik jika kita tidak perlu menyisipkan gambar didalamnya. Namun hal itu akan menyebabkan postingan kita di blog tidak memiliki thumbnail. Nah untuk mengatasi hal tersebut kita bisa mengatasinya dengan cara yang akan gw bagikan di bawah, jadi setelah kalian melakukan cara di bawah kalian akan bisa menggunakan gambar sebagai thumbnail namun gambar tersebut tidak muncul di dalam postingan kalian.
Pertama, kalian buka blog kalian, pergi ke template dan pilih edit HTML
Setelah itu, kalian CTRL+F lalu ketikkan /head
Setelah itu kalian pastekan kode ini tepat diatas </head>
<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>
Setelah itu klik save
Kemudian, ketika kalian membuat posting, kalian upload saja gambar yang akan kalian jadikan thumbnail, setelah gambar tersebut terupload kalian ubah ke mode HTML
Setelah itu kalian akan melihat kode seperti ini
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIdXc6FHFzRgpujiih8KN_24UWPd7G0EsWp4w-RpF6eBP78r5UZQZVlY5scgTCc8kEgGDB9grwlA-UI9IAm-YVxXtmpJ8Km_F5WPvZ7zwNljRB-pV_wkKEX5io5tC4qnv0ViACI2x8Jo/s1600/thumbnails+edit+template.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIdXc6FHFzRgpujiih8KN_24UWPd7G0EsWp4w-RpF6eBP78r5UZQZVlY5scgTCc8kEgGDB9grwlA-UI9IAm-YVxXtmpJ8Km_F5WPvZ7zwNljRB-pV_wkKEX5io5tC4qnv0ViACI2x8Jo/s400/thumbnails+edit+template.jpg" /></a></div>
<div class="thumbnail" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIdXc6FHFzRgpujiih8KN_24UWPd7G0EsWp4w-RpF6eBP78r5UZQZVlY5scgTCc8kEgGDB9grwlA-UI9IAm-YVxXtmpJ8Km_F5WPvZ7zwNljRB-pV_wkKEX5io5tC4qnv0ViACI2x8Jo/s1600/thumbnails+edit+template.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIdXc6FHFzRgpujiih8KN_24UWPd7G0EsWp4w-RpF6eBP78r5UZQZVlY5scgTCc8kEgGDB9grwlA-UI9IAm-YVxXtmpJ8Km_F5WPvZ7zwNljRB-pV_wkKEX5io5tC4qnv0ViACI2x8Jo/s400/thumbnails+edit+template.jpg" /></a></div>
<div class="thumbnail" style="clear: both; text-align: center;">
Setelah itu ganti kata separator menjadi thumbnail
Dan gambar yang kalian jadikan thumbnail sudah otomatis tidak terlihat di postingan kalian.
Jika ada pertanyaan silahkan tanyakan di komentar di bawah. Thanks!