Cara Mengatasi Thumbnail Related Post Tidak Muncul di Blogger

Gambar Thumbnail Related Post Tidak Muncul - Banyak yang bingung soal masalah gambar thumbnail tidak muncul di related post blog, khususnya pengguna blogger.  Saya sendiri pernah mengalami masalah satu ini, dan tidak tahu apa yang menyebabkannya. Padahal sebelumnya thumbnail di related post tersebut muncul seperti biasa. Masalah tersebut saya alami di situs yang menggunakan template Viomagz dari Mas Sugeng. 

Tidak hanya di template itu saja, beberapa situs dengan template lain juga mengalami masalah yang sama. Dari situ saya langsung mencari bagaimana cara memperbaiki thumbnail yang tidak muncul di blogger tersebut. Dan hasilnya, setelah membaca di situs dan forum besar akhirnya saya menemukan cara untuk mengatasi masalah thumbnail tidak muncul tersebut. Penasaran dengan caranya? Simak ulasan selengkapnya di bawah ini!

Sebagai informasi saja, saya mengalami masalah image thumbnail tidak muncul di related post ini sesaat sesuadah mengganti ke tampilan baru blogger. Seperti yang kita tahu, blogger telah tersedia versi tampilan teranyarnya dengan kesan yang lebih modern dan user friendly. Fitur-fiturnya pun cukup lengkap, menurut saya hampir mirip seperti Wordpress. 

Dari sini saya berpikir kalau thumbnail related post yang hilang tersebut dikarenakan pembaruan blogger ke versi terbaru. Mungkin saja ini disebabkan oleh bug yang ada di blogger, di mana penyempurnaan memang masih terus dilakukan oleh timnya. 

Gambar thumbnail di related post yang muncul ini sendiri memang bisa disebabkan oleh banyak faktor. Dari analisa yang saya lakukan, ada beberapa penyebab thumbnail related post tidak muncul atau tidak tampil, yakni: 

• Template sudah usang dan perlu diupdate ke versi terbaru. 
• Update versi blogger baru. 
• Struktur HTML di template sudah tidak kompatible dengan tampilan blogger versi baru. 
• Merupakan sebuah bugs atau error dari blogger versi baru. 
• Gambar utama diresize atau dikompres sehingga menjadi kecil. 
• Struktur kode yang salah atau tidak kompatible. 

Langkah Salah yang Dilakukan untuk Memperbaiki Related Post Error

Dari beberapa penyebab di atas, tentunya sudah ada bayangan kan bagaimana cara untuk memperbaiki masalah tersebut? Sebelumnya sudah ada 2 metode yang saya coba sebelum menemukan cara terampuh memperbaiki thumbnail yang tidak muncul di related post tersebut. Kedua metode yang dimaksud tersebut, antara lain:

1. Mengubah Ukuran Gambar Utama dalam Artikel.

Karena saya berpikir kalau gambar related post tidak ada atau tidak muncul tersebut dikarenakan ukurannya yang salah. Karena itu, saya coba bereksperimen untuk mengubah ukuran gambar utama dalam artikel menjadi lebih besar. 

Bahkan ditahap akhir saya mengubah gambar utama artikel tersebut hingga ukuran asli. Sebagai catatan, ukuran asli gambar utama saya set menjadi 1200 x 675 piksel. Namun, apa daya cara tersebut tetaplah sia-sia. Thumbnail related post di bawah postingan tetap tidak muncul.

2. Menghapus dan Upload Ulang Gambar Utama

Karena cara di atas tidak berhasil, saya mencoba alternatif lain yakni dengan mengunggah ulang gambar utama. Pada postingan artikel yang sudah terpublish dan thumbnail tidak muncul tersebut saya hapus gambar utamanya. Setelah itu, mengupload ulang gambar utamanya. 

Setelah itu, saya isikan Alt Text, Judul, beserta deskripsi dari gambar tesebut. Dan tidak lupa juga untuk mengatur ukuran gambar menjadi Ekstra Besar. Bagaimana hasilnya? Tetap saja thumbnail dari postingan tersebut tidak muncul di related post.

Catatan: Gambar utama sebelumnya saya kompres melalui situs TinyPng. Dan di cara kedua ini hal tersebut tidak dilakukan dan gambarnya tetap dalam ukuran asli. 

Langkah-langkah Memperbaiki Thumbnail Postingan (Related Post) Tidak Muncul

Kalau cara di atas merupakan langkah yang salah, beda lagi dengan cara kali ini. Ini merupakan langkah yang benar-benar ampuh dan bisa memunculkan thumbnail postingan di related post. Tidak perlu tools ataupun langkah yang sulit. Cukup dengan mengubah sedikit struktur kode pada gambar utama postingan, maka permasalahan tersebut bisa teratasi. 

Adapun langkah-langkah untuk memunculkan thumbnail related post di postingan tersebut, yakni:

Langkah yang pertama pastinya kamu masuk ke akun Blogger dan buka blog yang related postnya error tersebut. Sebelumnya kamu lihat dulu contoh thumbnail di related post yang tidak muncul di bawah ini.

1 Mengatasi Gambar Thumbnail Related Post Tidak Muncul

• Klik Edit pada postingan artikel yang tidak muncul thumbnailnya. 
• Kemudian, ubah tampilannya dari Tampilan Menulis ke Tampilan HTML.
• Kalau sudah, sekarang kamu cari gambar utama yang ingin digunakan untuk thumbnail di related post. Sebagai contohnya bisa kalian lihat pada gambar di bawah ini.

2 Mengatasi Gambar Thumbnail Related Post Tidak Muncul Gambar

Kamu fokus ke URL gambar ke dua (yang paling bawah), di sana ada kode w491-h267 (yang diberi tanda merah). 

Agar thumbnailnya bisa tampil, maka kamu perlu mengganti kode tersebut dengan kode s1600 atau s320. Di sini saya lebih menyarankan untuk menggunakan kode yang s1600. Sehingga hasilnya akan seperti gambar di bawah ini. 

Kalau sudah, sekarang kamu klik tombol Perbarui untuk menyimpan perubahan pada postingan tersebut. 

Dengan demikian thumbnail postingan di related post akan muncul. Lihat hasilnya di bawah ini. Sumber

Noval

Arlinanikami adalah situ yang mengjarkan para blogger pemula untuk lebih mengenal lagi dunia blogging