Cara Mengatasi Gambar Thumbnail Tidak Muncul Di Blog

Setelah pihak Google memperbarui tampilan Dashboard Blogger terbaru beberapa bulan yang lalu, menurut Saya pribadi cara penggunaannya tidak sebagus versi yang lama dibandingkan dengan versi yang sekarang. Di versi yang sudah lawas, cara pengoperasiannya sangat simpel dan tidak banyak makan waktu meski diakses menggunakan ponsel.

Related Post Tidak Tampil Gambar
Biasanya saya kalau ingin memposting sebuah artikel, gak nyampek seperempat menit, konten sudah benar-benar terpublish ke publik. Dan itu lengkap dengan gambarnya.

Tapi kalau di versi terbaru, jika menggunakan Ponsel Android, untuk mempublish sebuah konten saja susahnya sangat terasa banget.  Butuh waktu yang agak lumayan lama agar konten tersebut benar-benar berhasil di-posting ke publik. Dan yang paling males dan paling ribet adalah ketika sampai pada tahap peng-upload-an gambar.

Dalam tahap ini, saya harus benar-benar jeli dalam memasukkan gambar. Karena kadang yang rencananya saya mau diletakkan di paragraf pertama malah nyasar ke paragraf yang lain atau ke kalimat lain. 

Dan lebih parahnya lagi, kadang-kadang sudah saya capek-capek upload gambar judul artikel, malah hasil gambarnya tidak tampil di Thumbnail. Entah itu di Beranda maupun di Related Post/Artikel terkait.

Tapi yang paling sering terjadi terletak pada Related Post. Kalau di Homepage rasanya sangat jarang.

Penyebab Gambar tidak Muncul di Thumbnail.

Setelah saya amati dengan seksama ternyata salah satu penyebab utama dari tidak tampilnya gambar Thumbnail tersebut disebabkan karena sumber gambar berasal dari pihak ketiga. Entah itu hasil download dari Google maupun hasil screenshot dari gambar yang pernah terupload di semua portal yang berada dibawah naungan Google.

Hemmm... Ketahuan nih, kalau gambar artikel yang ada di blog ini rata-rata hasil nyolong dari Google. Betul-betul-betul...

Cara Mengatasi Gambar Thumbnail Tidak Muncul

Pengalaman Saya, untuk mengatasi Thumbnail tidak muncul pada bagian widget artikel terkait, ada dua metode yang menurut Saya tingkat keberhasilannya sangat manjur dan berhasil. Serta caranya pun sangat simpel dan sangat sederhana sekali sehingga kita tidak harus repot-repot ganti atau menambahkan kode-kode tertentu kedalam halaman HTML blog.

Pertama: Saya melakukannya dengan cara mengganti Gambar. Iya gambar yang sebelumnya tidak muncul di Thumbnail, Saya ganti dengan gambar baru yang statusnya bukan mengambil milik orang lain di Google.

Artinya saya buat sendiri gambarnya, kemudian saya upload lagi di artikel yang sama dan Alhamdulillah berhasil.

Memang gambar buatan saya sendiri jelek sih, tapi gak apa-apa yang penting karya sendiri bukan hasil nyolong dari Mas Google.

Kalaupun saya masih maksa menggunakan gambar yang sama, maksudnya mau memakai gambar pihak ketiga yang sebelumnya tidak tampil itu, maka saya edit dulu gambar yang bersangkutan dengan mengganti kontras warnanya. 

Yang awalnya berwarna hijau, bisa diubah menjadi merah atau warna lainnya. Ternyata menggunakan trik itu benar-benar berhasil, suwer deh.

Kedua: Jika saya terasa malas untuk mengganti gambarnya, maka Saya lebih memilih mengedit langsung didalam artikel gambar yang bersangkutan.

Caranya adalah sebagai berikut:

1). Pertama buka kembali artikel gambar yang bermasalah tadi.

2). Kemudian edit menggunakan tampilan HTML.

3). Selanjutnya disana kalian akan mendapati 2 buah link gambar yang hampir mirip namun kode angkanya tidak sama.

Coba perhatikan gambar screenshot diatas, pada link pertama yang dilingkari warna hijau itu mempunyai kode angka s700. 

Sedangkan di link kedua yang dilingkari warna kuning mempunyai kode w620-h360.

Nah tugas kalian disini adalah mengganti kode w620-h360 pada link kedua menjadi s700. Misalnya sebagai contoh pada link kedua penulisannya seperti dibawah ini:

https://1.bp.blogspot.com/-yVVKAqnbMJs/X9zHXo3RbrI/AAAAAAAAF3Q /fkl_1e8kkzIniLwxsq3UNrdx1 TgHJDPhwCLcBGAsYHQ/w620-h360/Konten.jpg

Maka nanti setelah diganti kodenya, link gambar tersebut akan seperti dibawah ini, persis seperti link yang pertama.

https://1.bp.blogspot.com/-yVVKAqnbMJs/X9zHXo3RbrI/AAAAAAAAF3Q /fkl_1e8kkzIniLwxsq3UNrdx1 TgHJDPhwCLcBGAsYHQ/s700/Konten.jpg

4). Jika sudah disamakan kodenya, sekarang tinggal klik simpan/perbarui. Dan lihat hasilnya.

Catatan:

Cara diatas saya praktekkan langsung di blog madurace.com yang menggunakan template fiksioner versi 2. Jadi harap dimaklumi jika tutorial diatas setelah diterapkan di template lain menemukan kegagalan/tidak berhasil.

Related Posts

Subscribe Our Newsletter