Cara Membuat Thumbnail Dan Snippet Pada Halaman Utama Blog

Apa Itu Thumbnail dan Snippet

Sobat blogger, pembaca dan pengguna blogger (blogspot) tentu sudah tidak asing dengan yang namanya thumbnail.  Thumbnail bisa jadi gabungan dari dua kata yaitu thumb yang berarti jempol dan nail artinya kuku. Jadi artinya kuku jempol he he.. Thumbnail itu gambar postingan dari blog atau website yang ditampilkan di halaman depan, halaman utama atau home. Thumbnail adalah gambar sketsa ringkas yang mendeskripsikan isi dari sebuah postingan atau gambar yang merepresentasikan sebuah postingan. Jadi kalau thumbnailnya gambarnya komputer canggih, tapi setelah di klik ternyata artikelnya tentang kompor, berarti thumbnail tersebut hanya bohongan saja he he, karena tidak merepresentasikan dari isi tulisan/postingan tersebut. Adakah sobat blogger yang mengalami hal seperti di atas ? banyak ya, apalagi thumbnail di youtube, cuma klikbait saja. 

Setelah tahu tentang thumbnail, selanjutnya apa itu Snippet ? Lagi-lagi bahasa Inggris. Snippet maksudnya "a small piece or brief extract" – potongan kecil atau kutipan singkat. Kalau kita perhatikan di halaman utama blog ada beberapa postingan di situ ada gambar dan ada beberapa kata tertulis. Yang gambar dinamakan Thumbnail yang tulisan dinamakan Snippet. 

Thumbnail dan Snippet

Custom Thumbnail Dan Snippet di Blogger

Secara default ketika kita posting sebuah artikel di blogger, ketika kita menyisipkan beberapa gambar, maka gambar paling atas yang kita sisipkan di artikel atau tulisan kita tersebut akan menjadi thumbnail. Begitu juga dengan snippet, beberapa kalimat paling atas dari tulisan kita juga akan menjadi snippet. jadi sebenarnya tidak menjadi jadi persoalan bagaimana sih cara membuat thumbnail dan snippet pada halaman utama blog?  

Supaya postingan kita menarik untuk dibaca, maka memang kita harus pandai-pandai membuat thumbnail dan snippet. Kalau mengikuti default dari postingan di blogger, berarti kita harus menyesuaikan dengan cara menempatkan gambar yang menarik di bagian atas dibanding dengan gambar lainnya pada postingan kita. Adapun untuk snippet maka kalimat pertama di artikel kita harus dibuat semenarik mungkin. Begitu caranya jika kita memakai default postingan di blogger.

Persoalan thumbnail dan snippet bagi blogger newbie seperti saya ini masih belum jadi perhatian, soalnya bisa dibilang untuk menulis artikel tiap hari secara teratur saja bagi saya pribadi sudah alhamdulillah he he.., karena saya masih belum jago menulis he he. Beda ceritanya bagi yang sudah profesional atau ingin fokus ke dunia blogger, persoalan thumbnail dan snippet tentu sangat penting. Semoga kedepannya saya juga lebih memperhatikan tentang thumbnail dan snippet tersebut. Baru kemarin saya mengalami persoalan ketika menulis postingan namun gambar paling atas yang saya sisipkan tidak mewakili isi artikel secara umum, dan kurang menarik. Harusnya gambar tersebut diganti, tapi karena gambar  yang saya sisipkan paling atas sendiri adalah menerangkan isi paragraf paling atas, jadi tidak bisa diganti. Akhirnya saya cari solusinya, bagaimana caranya thumbnail yang tampak nanti bukan gambar yang paling atas. Atau istilahnya kita custom thumbnail tersebut. 

Custom Thumbnail

Caranya mudah ternyata, hanya perlu menempatkan kode tertentu dibagian atas postingan lewat edit html. Misalnya pada postingan saya tentang cara unlock STB ZTE B860H gambar paling atas seperti ini :

Custom Thumbnail

Tapi ketika di halaman utama blog (home) tampilan thumbnailnya seperti ini :

Thumbnail di Halaman Utama Blog

Berikut kode yang saya gunakan untuk custom thumbnail :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTorbR2KTb6eQ-FhIYTFK-TYRoYx9agTn7y-Y3-64jy57zud_9RSWxdpdhG73EBHI89D1HeVw-LfzdwuKdnsL6sxvm4K7RBNeLtp8XMmaivWKk4M1K114dWLUnVOEqNgB2-1tNNckR5ROI/s640/Cara+Unlock+STB+ZTE+B860H+Dengan+Pulpstone+Android+V+3.1-+moment+penting.jpg" style="display: none;" />

tulisan yang warna merah diganti dengan url gambar yang ingin dijadikan thumbnail.  Jadi sebenarnya kodenya :

<img src=" url gambar untuk thumbnail " style="display: none;" />

pastekan kode tersebut di bagian atas postingan, ingat editnya lewat menu HTML di blogger

Meletakkan Kode Untuk Custom Thumbnail di Blogger

Custom Snippet

Untuk custom snippet sama juga seperti thumbnail, sedikit berbeda di kodenya saja :

<p style="display:none;">
contoh teks untuk snippet yang menarik
</p>

pastekan kode tersebut di atas postingan lewat menu edit HTML.

Silakan sobat blogger coba custom thumbnail dan snippet, semoga berhasil.