Disini saya akan share bagaimana cara membuat thumnail postingan di blogger agar gambar yang ada dalam artikel menjadi thumbnail. Sebelum itu mari kita cari tahu apa itu thumbnail, thumbnail adalah sebuah gambar yang berisi gambaran singkat yang menyangkut tentang artikel yang dibuat. Mengapa butuh thumbnail? Karena thumbnail ini bertujuan agar pengunjung tahu apa isi yang ingin kita sampaikan dan jadi penasaran untuk membacanya. Dalam artikel diblog itu biasanya yang dijadikan thumbnail adalah gambar yang pertama dalam artikel tersebut akan tetapi jika kita ingin membuat thumbnail itu sendiri agar tersembunyi dalam artikel itu bisa, ini bertujuan untuk lebih enak dan nyaman untuk dibaca oleh pengunjung. Sekarang bagaimana caranya, berikut adalah cara membuat thumbnail postingan di Blogger:
1. Masuk ke blog Anda;
2. Pilih template/tema;
3. Klik edit HTML;
4. Copy kode dibawah ini;
5. Paste kodo tersebut diatas kode </head>
6. Simpan template;
7. Buat artikel dan masukan gambar yang ingin dijadikan thumbnail;
8. Ubah ke mode HTML bukan Compose;
9. Akan muncul tulisan seperti dibawah ini:
10. Ubah "separator" menjadi "thumbnail"
Cukup sekian tutorial dari saya, semoga bermanfaat.
1. Masuk ke blog Anda;
2. Pilih template/tema;
3. Klik edit HTML;
4. Copy kode dibawah ini;
<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>
5. Paste kodo tersebut diatas kode </head>
6. Simpan template;
7. Buat artikel dan masukan gambar yang ingin dijadikan thumbnail;
8. Ubah ke mode HTML bukan Compose;
9. Akan muncul tulisan seperti dibawah ini:
<div class="separator" style="clear: both; text-align: center;">
10. Ubah "separator" menjadi "thumbnail"
Cukup sekian tutorial dari saya, semoga bermanfaat.