Cara Membuat Thumbnail Postingan Di Blogger

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;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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.

Posting Komentar

Silahkan tinggalkan komentar Anda di bawah ini. Peraturan berkomentar di bog ini:
1. Tidak spam.
2. Tidak promosi.
3. Tidak mengandung unsur SARA.
4. Berkomentar dengan sopan.

Terimakasih atas perhatiannya. Mohon maaf jika Admin telat membalas komentar karena kesibukan Admin dan kuota yang terbatas.

Lebih baru Lebih lama

Formulir Kontak