Membuat gambar menjadi thumbnail diblogspot dan tidak muncul dipostingan blog

1. Masuk blogspot

2. Pilih template/tema.

3. Edit HTML.

4. Cari kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

5. Pastekan kode di bawah ini di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type='text/css'>

.thumbnail {display:none}

</style>

</b:if>

6. Simpan template.

Selanjutnya kita akan mencoba untuk membuat postingan dan upload sebuah file gambar dalam postingan tersebut untuk kita jadikan thumbnail dan tidak akan tampil di dalam artikel.

1. Setelah gambar di upload, kita ganti mode penulisan dari "compose" menjadi "HTML" letaknya ada di pojok kiri atas.

2. Di mode penulisan HTML akan muncul kode seperti di bawah ini.

<div class="separator" style="clear: both; text-align: center;">

<a href="https://2.bp.blogspot.com/-9xgvY7dQ-K8/W1AsiqRkjZI/AAAAAAAAB0Q/cxhUKxaRNR4inpbqECMYJMcGujJme5QGQCLcBGAs/s1600/mengatasi%2Bpulsa%2Bindosat%2Bsering%2Bterpotong%2B1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="565" data-original-width="734" height="246" src="https://2.bp.blogspot.com/-9xgvY7dQ-K8/W1AsiqRkjZI/AAAAAAAAB0Q/cxhUKxaRNR4inpbqECMYJMcGujJme5QGQCLcBGAs/s320/mengatasi%2Bpulsa%2Bindosat%2Bsering%2Bterpotong%2B1.jpg" width="320" /></a></div>

<div>

3. Ganti "separator" menjadi "thumbnail", hingga menjadi seperti ini.

div class="thumbnail" style="clear: both; text-align: center;">

<a href="https://2.bp.blogspot.com/-9xgvY7dQ-K8/W1AsiqRkjZI/AAAAAAAAB0Q/cxhUKxaRNR4inpbqECMYJMcGujJme5QGQCLcBGAs/s1600/mengatasi%2Bpulsa%2Bindosat%2Bsering%2Bterpotong%2B1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="565" data-original-width="734" height="246" src="https://2.bp.blogspot.com/-9xgvY7dQ-K8/W1AsiqRkjZI/AAAAAAAAB0Q/cxhUKxaRNR4inpbqECMYJMcGujJme5QGQCLcBGAs/s320/mengatasi%2Bpulsa%2Bindosat%2Bsering%2Bterpotong%2B1.jpg" width="320" /></a></div>

<div>

Dengan megganti "separator" menjadi "thumbnail" maka gambar tersebut akan otomatis berubah menjadi thumbnail saja dan tidak terlihat di dalam artikel ketika di publikasikan.