Thumbnail artikel biasanya secara default atau otomatis akan mengambil First Images (Gambar Pertama) pada artikel. Namun jika kita ingin membuat thumbnail yang berbeda kita bisa mengaturnya. Selain itu juga kita bisa menampilkan thumbnail tanpa adanya gambar dalam tampilan artikel yang kita buat.
Berikut langkah-langkah yang dapat kita lakukan jika ingin membuat thumbnail atau gambar yang hanya tampil di Home Page.
1. Masuk ke akun Blogger kamu
2. Pilih Template/Tema
3. Edit HTML
4. Cari kode </head> atau </head><!--<head/>-->
5. Paste kan kode dibawah ini, diatas kode </head> atau </head><!--<head/>-->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>
6. Simpan template
Setelah melakukan langkah-langkah diatas, selanjutnya kita tinggal membuat thumbnail di postingan dengan cara sebagai berikut.
1. Buat artikel seperti biasa
2. Insert Image atau masukkan gambar yang ingin di buat Thumbnail
3. Ganti mode penulisan dari Tampilan Menulis atau Compose menjadi Tampilan HTML
4. Cari tulisan "Separator" di mode HTML dengan meneka tombol keyboard Ctrl + F kemudian ketikkan "Separator"
<p style="text-align: justify;"><span style="font-size: medium;"></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="671" data-original-width="1219" height="290" src="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w=w528-h290" width="528" /></a></span></div><div style="text-align: center;"><span style="font-size: medium;"><span style="color: #444444;">blog dengan thumbnail</span></span></div><span style="font-size: medium;"><br /></span><p></p><p style="text-align: justify;"><span style="font-size: medium;">Ketika kita membuat sebuah artikel untuk blog tentu <span style="background-color: white; font-family: "Times New Roman", "serif";">diperlukan gambar sebagai pendukung konten yang kita buat.
<p style="text-align: justify;"><span style="font-size: medium;"></span></p><div class="thumbnail" style="clear: both; text-align: center;"><span style="font-size: medium;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="671" data-original-width="1219" height="290" src="https://blogger.googleusercontent.com/img/a/AVvXsEjcyy8PbhNOzyb6OH3Y311mNfYeu9jDP2qlRSi-YtvW3xJ-9Cuo7L82lXX5_KrL_Y7_t6D0ogcK0ucnJLG1l7bmXNb90B-3z17n6pK5cABRLZT5-E2Xi2pH-SJcjN7jAeOUokPd0-mD6iN4qJfTstjGhZhCcWAY8s5hseliOqrKKzcmgA3W957LxbaP-w=w528-h290" width="528" /></a></span></div><div style="text-align: center;"><span style="font-size: medium;"><span style="color: #444444;">blog dengan thumbnail</span></span></div><span style="font-size: medium;"><br /></span><p></p><p style="text-align: justify;"><span style="font-size: medium;">Ketika kita membuat sebuah artikel untuk blog tentu <span style="background-color: white; font-family: "Times New Roman", "serif";">diperlukan gambar sebagai pendukung konten yang kita buat.
