Cara Mengatasi Thumbnail Widget Related Post / Artikel Terkait Yang Tidak Muncul

Saifulah.id - Tahukah kamu? Gambar di widget Related Post hilang tidak hanya dialami oleh kamu, tapi dialami oleh hampir semua blogger yang menggunakan platform Blogspot.

Mengapa ini terjadi?

Tentu saja ini disebabkan oleh update-an terbaru editor Blogger tahun 2020.

Tidak hanya tampilan UI Blogger yang berubah, tapi juga kode scriptnya pun ikut diubah, tujuannya untuk menyederhanakan penulisan script template blogger yang tentu saja berdampak pada kecepatan penulisan dan kemudahan dalam mengaksesnya.

Oleh sebab itu, ada perubahan kode pada gambar yang sangat simpel tapi berpengaruh pada Thumbnail widget yang berasal dari luar (custom).

Lalu bagaimana cara memperbaikinya?

Solusinya sangat sederhana, tapi mungkin perlu waktu untuk mengedit postingan satu persatu.

CARA MENGATASI THUMBNAIL RELATED POST YANG HILANG

1. Bukalah salah satu postingan kamu
   
2. Lihat bagian Related Post atau Artikel Terkait
3. Lihat judul blog yang Thumbnail-nya rusak / noimage / tidak sesuai gambar postingan
   
   
   
4. Salin / Copy judulnya:
   1) Blok judul thumbnail yang rusak, lalu arahkan cursor di judulnya dan klik kanan mouse
   2) Maka akan muncul jendela popup, klik Copy / Salin
   
   
   
5. Buka Dashboard Blogger
   1) Paste judul tadi ke kolom pencarian, lalu tekan Enter
   2) Klik postingan yang muncul

   
   
   
6. Ganti jenis tampilannya menjadi HTML

   
   
   
7. Lalu ikuti petunjuk berikut
   1) Cari tulisan blogspot.com karena disanalah letak kode gambarnya. Biasanya ada 2 buah yang berdekatan.
   2) Cari kode sxxx atau wxxx-hxxx (Contoh: s514 atau w411-h260) xxx adalah angka, setiap gambar biasanya berbeda-beda.
   3) Untuk kode yang diawali huruf S dibiarkan saja (jangan diubah)
   4) Untuk kode yang diawali huruf Wxxx ganti menjadi huruf Sxxx (angkanya tidak perlu diubah)
   5) Untuk kode -hxxx dihapus saja.
   
   Contoh kode ini
   

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiookS1csQrq2GtLA4GPprRRqHQxfKz0crvSdJJfH9ZcXMO-f63LZbVTk1pGG28pjsfZ-EqdcgZ4AUc9lDHXMujehdFz7WVEpNPcg49wDDy7R5pDYd7hn9qKFXY6LETu-_K1k_w0LFKHrW-/w411-h260/vocabulary%2Bbuilder%2Bchapter%2B12%2Bhal%2B156.jpg

   Diubah menjadi
   

   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiookS1csQrq2GtLA4GPprRRqHQxfKz0crvSdJJfH9ZcXMO-f63LZbVTk1pGG28pjsfZ-EqdcgZ4AUc9lDHXMujehdFz7WVEpNPcg49wDDy7R5pDYd7hn9qKFXY6LETu-_K1k_w0LFKHrW-/s411/vocabulary%2Bbuilder%2Bchapter%2B12%2Bhal%2B156.jpg

   
   
   
8. Lalu tekan tombol Perbarui

   
9. Selesai.

Sebenarnya cara di atas adalah cara MEMPERBAIKI postingan yang sudah terlanjut hilang thumbnailnya. Beda halnya dengan posting artikel baru. Kamu tidak perlu melakukan langkah di atas untuk mencegah thumbnail hilang.

Kamu hanya perlu ubah pengaturan gambar dalam artikel menjadi ukuran Original / Asli, caranya:

1. Klik gambar postingan paling atas artikel kamu
2. Maka akan muncul menu seperti ini, tekan bagian yang saya tandai warna merah
   
   
   
3. Selanjutnya pilih Asli / Original.
4. Publish / Publikasikan
5. Selesai

Demikian tutorial solusi mengatasi gambar related post yang hilang / tidak muncul / noimage / rusak. Semoga bermanfaat