Thumbnail dan Gambar di Postingan Blog tidak bisa Tampil? Ini Solusinya (sesuai Pengalaman Pribadi)

Belum lama ini saya dapat kiriman e-mail bahwa blog saya telah disetujui oleh Google Adsense untuk menampilkan iklan (bisa dimonetisasi). Sejak mengetahui kabar dari e-mail tersebut saya sangat senang dan semakin semangat membuat postingan-postingan baru.

Pada suatu hari, seperti biasa saya log in di blog saya (catatan: blog saya yang sudah berbayar atau TLD "www.blusukansmart.info", dari yang sebelumnya blog gratisan "blusukansmart.blogspot.com"). Pada waktu itu, ketika melihat postingan-postingan saya di dasboard, tiba-tiba gambar thumbnail di sisi kiri yang biasanya terlihat kini tidak muncul gambarnya, kemudian coba saya refresh tapi tetap saja tidak terlihat, padahal akses internet lancar. Ini terjadi hampir semua postingan saya, hanya ada 3 postingan yang masih terlihat normal (gambar masih muncul seperti biasa).

Karena penasaran, kemudian saya coba klik salah satu postingan di blog saya dan melihatnya isi postingan, gambar-gambar di dalam postingan blog pun tidak muncul dan hanya muncul tanda “kotak retak” saja.

Contoh: Penampakan gambar pada postingan tidak terlihat :

Saya merenung sejenak, ada apa gerangan dengan blog saya. Apa ada yang salah dengan postingan saya, atau ada pelanggaran adsense pada blog saya, mengingat blog saya ini seminggu sebelumnya telah disetujui untuk menampilkan iklan atau dimonetisasi oleh Google Adsense. Seingat saya, saya pun tidak pernah mengubah kode html pada posting-postingan saya, kecuali hanya mengubah dan menambah tata-letak (widget) blog saya agar lebih menarik dan lebih optimal diisi banyak iklan, dan banyak hal yang berkecamuk pikiran saya saat itu.

Karena tidak ingin masalah ini berlarut-larut yang mungkin bisa berdampak buruk pada monetisasi iklan di blog saya, saya harus menyelesaikan secepat-cepatnya.

Saya coba browsing di internet untuk mencari solusi masalah yang ada di blog. Saya cari, membuka-buka dan membaca-baca satu per satu artikel blog yang membahas masalah yang mirip dengan masalah blog saya.

Tapi, rata-rata artikel di blog yang saya temukan banyak sekali yang membahas mengenai masalah thumbnail gambar postingan yang tidak tampil di blog. Padahal masalah di blog saya lebih serius, yaitu bukan saja gambar thumbnail yang tidak muncul, tapi gambar yang ada di postingan-postingan saya pun tidak muncul.

Tapi, okelah, saya coba mengikuti langkah yang disarankan pada artikel-artikel tersebut.

Di sana memberikan solusi yaitu untuk merubah sedikit kode html di postingan, khususnya html yang ada tautannya dengan gambar, dengan mengganti “w” menjadi “s”.

Tapi, setelah saya lihat kode html di postingan-postingan saya, sejak awal ternyata kode html yang dimaksud di postingan saya kode html pada gambar sudah berkode “s”, dan bukan “w”. Berarti, saya berkesimpulan bahwa bukan itu penyebab gambar tidak tampil khusus pada blog saya. Yang diulas di artikel tersebut hanya masalah pada thumbnail-nya saja. Padahal untuk kasus di blog saya, bukan saja gambar thumbnailnya yang tidak terlihat, tetapi juga gambar pada postingan pun tidak muncul. Semula saya beranggapan bahwa mungkin itu karena browser saya yang bermasalah. Tapi setelah saya mencoba test dengan membuat postingan baru (masih bentuk draft) dan saya sertakan gambar, gambar berhasil diupload, tapi di postingan gambar tetap tidak tampil, dan hanya ada tanda kotak kecil yang retak. 

Contoh Penampakan Kotak Retak:

Karena waktu itu saya sudah capek, saya pun log out dari blog, dan berencana log in lagi nanti setelah beberapa jam kemudian, dengan harapan blog bisa normal seperti kemarin-kemarin, mengingat masalah inipun munculnya juga secara tiba-tiba.

Setelah badan dirasa fit kembali, saya pun kembali di depan komputer dan kembali log in di blog saya. Saya lihat, saya cermati, saya teliti, ternyata kondisi tetap sama, gambar tetap tidak bisa tampil.

Kemudian saya coba mencari solusi di google search lagi, tapi kali ini saya coba menggunakan kata-kata berbahasa Inggris. Di situ saya menemukan ada sebuah bahasan yang menarik bagi saya (tentunya dalam bahasa Inggris, tapi dibantu google translate 😊), yang memberikan solusi yang berbeda dengan solusi-solusi yang saya temukan sebelumnya yang berbahasa Indonesia.

Kemudian saya buka dan baca-baca, ternyata solusinya pun cukup sederhana, yaitu jika gambar tidak bisa tampil di postingan, kita diminta mengecek tautan gambar di bagian kode html, terutama pada: http://1.bp.blogspot.com/-xxxxxxx, jika tautan tersebut tertulis kode "1.bp", kita diminta agar menggantinya dengan salah satu kode angka yaitu "2.bp", "3.bp" atau "4.bp".

Dari situ saya pun mencobanya, dan akhirnya berhasil. Ternyata sesederhana itu.

Mengenai kenapa kadang-kadang gambar tidak bisa tampil jika menggunakan kode angka 1, di obrolan komunitas yang berbahasa Inggris tersebut, saya tidak menemukan penjelasannya. Disana hanya menjelaskan bahwa intinya kode 1.bp, 2.bp, 3.bp, dan 4.bp menunjukkan gambar yang kamu upload di blog bisa diakses oleh ke-4 url dari server cloud Google (untuk Blogger). Dan jika ada gangguan koneksi pada perangkat dan ISP dari salah satu domain tersebut, misalnya: 1.bp, kamu bisa menggantinya dengan 2.bp, 3.bp, atau 4.bp.  

Semoga artikel yang sesuai dengan pengalaman saya ini bermanfaat dan bisa membantu rekan-rekan lain yang mempunyai masalah yang sama dengan blog saya. Terimakasih.