Cara Memperbaiki Gambar Thumbnail Related Post yang Tidak Muncul Setelah Menggunakan Editor Terbaru Blogger

Lakukan trik ini jika gambar thumbnail related post anda tidak muncul setelah menggunakan editor terbaru Blogger

mrfdn - Jarang saya menulis artikel tentang blogger di blog ini. Tapi informasi ini saya pikir sangat penting untuk diketahui bagi para kawan-kawan blogger.

Jadi ceritanya beberapa hari terakhir saya menggunakan editor terbaru blogger untuk menulis artikel.

Rasanya senang sekali menggunakan layout editor ini.

Fitur-fiturnya semakin bagus, dan salah satu yang sangat sukai adalah tersedia fitur untuk menambahkan tabel, search description yang dibatasi sampai 150 karakter saja, yang mana sangat membantu kita dalam memilih kata yang tepat untuk dimunculkan sebagai desktipsi di SERP Google.

Namun, meski begitu terdapat satu kekurangan yaitu saat saya melakukan upload foto untuk dijadikan sebagai thumbnail atau isi dari artikel, foto/gambar yang seharusnya muncul pada related post (artikel terkait) jadi tidak muncul.

Penyebabnya ada 2 yaitu ::

  1. Saya memberikan keterangan gambar berupa alt dan title, yang mana keterangan tersebut harus ada pada gambar, supaya SEO.
  2. Saya melakukan resize, dari medium ke large, karena saya suka ukuran Large untuk postingan artikel saya.

Jika kedua hal di atas tidak dilakukan, atau dengan kata lain, kita hanya uplaod gambar kemudian tekan publish, maka gambar tersebut akan muncul secara normal di related post. OK.

Anyway, pada template buatan saya ini saya menggunakan related post by DTE yang didapatkan dari tutorial Bung Frangki.

Nah, jika anda juga mengalami hal yang sama, silahkan ikuti tutorial berikut supaya gambar thumbnail postingan related post/artikel terkait kita bisa muncul dengan normal.

1. Buka postingan yang ingin diedit thumbnail-nya (saya membuka menggunakan editor terbaru Blogger)
2. Klik HTML view yang berada pada sudut kanan atas tandanya kurung siku seperti ini < >
3. Cari url gambar yang ingin dijadikan sebagai thumbnail related posts, anda akan melihat url seperti ini
https://1.bp.blogspot.com/-AoA1bk-9rwM/XrbL6TzjmsI/AAAAAAAAFNU/lw_5EjPqJ0oVRH00KhCjq9V9R4xKBBMjwCK4BGAsYHg/w320-h227/abcd.jpg

Lihat bagian yang saya beri warna merah ( w320-h227 )

4. Ubah angka tersebut menjadi s320

Sehingga url nya menjadi kira-kira seperti ini
https://1.bp.blogspot.com/-AoA1bk-9rwM/XrbL6TzjmsI/AAAAAAAAFNU/lw_5EjPqJ0oVRH00KhCjq9V9R4xKBBMjwCK4BGAsYHg/s320/abcd.jpg
5. Klik update artikel. Selesai.

Maka dengan demikian gambar thumbnail untuk related post akan muncul sebagaimana mestinya, tidak lagi menunjukkan no image, atau gambar kamera saja. Sip.

Akhir kata

Awalnya saya kira ini merupakan bug dari Blogger yang merubah url gambarnya menjadi seperti itu.

Sempat berpikir untuk mencari widget related post yang lain, tetapi sudah sangat nyaman menggunakan related post ini.

Sempat berpikir juga untuk kembali ke editor lama Blogger, tapi sayang fitur kerennya tidak digunakan.

Oh iya, sampai artikel ini terbit jika anda menggunakan template Viomagz Sugeng, atau mendapatkan share widget related posts dari BungFrangki, kira-kira masalah ini anda dapatkan sebab mereka menggunakan Related post dari DTE.

ah.. Andai saya tahu Javascript, saya ingin sekali membuat related posts sendiri. hehe.. Someday...

Semoga informasi ini bermanfaat bagi teman-teman yang mengalami hal serupa, dan tidak ragu lagi menggunakan editor terbaru dari Blogger.