Solusi Mengatasi Gambar Tidak Timbul pada Widget Kustom Dampak Pengedit Baru Blogger

Ketika ini pihak Blogger telah mulai menerapkan User Interface (UI) nama lain tampilan baru buat pengedit Blogger. Sekilas, UI ini kelihatan lebih bersih serta minimalis dibanding versi lama. Tampilannya pun sebagai responsif ketika dibuka pada layar yang lebih mini misalnya ponsel atau tablet.

Iya, tampilannya memang baik sih. Akan tetapi terdapat satu bug yang relatif mengusik separuh besar pengguna. Entah mengapa setiap postingan yang diterbitkan melalui pengedit baru ini sebagai tidak mempunyai gambar dalam RSS feed. Umumnya gambar terdapat dalam value media$thumbnail.url misalnya ini:

Versi barunya sebagai seperti ini:

Apa Ruginya Sih?

Hilangnya media$thumbnail.url dalam RSS feed mengakibatkan hilangnya juga gambar dalam widget kustom misalnya recent postbode, related post, dan lain sebagainya. Ini karena tidak ada value yang bisa diambil untuk ditampilkan menjadi gambar.

Saya sebagai pengembang tema Blogspot dibuat cukup kelabakan akibat editor baru ini karena banyak sekali pengguna yang mengeluhkan hilangnya gambar dalam widget kustom tersebut.

Kenapa Bisa Terjadi Error?

Usut punya usut, ternyata gambar yang diunggah melalui editor baru memiliki format URL yang berbeda dengan editor lama. Sebagai perbandingan, inilah formatnya:

LAMA:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS5vjKn4a23ZowX0NIMn4dbkVaDpcMo7i7YrulM5hDAOCP0Wxfjc4hQcUvQ1k4rj2PuYu-4v1vfClLVyw3V_snx7mYdldKFOkWyvrzj0BOHgFNASCDHX2VXegf1VQ3uZQWFOGaVkHNfZvc/sXXXX/gambar.jpg"/>

BARU:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS5vjKn4a23ZowX0NIMn4dbkVaDpcMo7i7YrulM5hDAOCP0Wxfjc4hQcUvQ1k4rj2PuYu-4v1vfClLVyw3V_snx7mYdldKFOkWyvrzj0BOHgFNASCDHX2VXegf1VQ3uZQWFOGaVkHNfZvc/wXXX-hXXX/gambar.jpg"/>

XXXX dalam sXXXX dan wXXX-hXXX adalah angka, dimana nilainya berbeda-beda sesuai dengan dimensi ukuran gambar yang ingin ditampilkan.

Ternyata perbedaan format URL ini menjadi hal yang berdampak besar. Jika URL tidak mengandung sXXXX, maka gambar tidak akan terbaca di RSS feed. Masalahnya, setiap gambar yang diunggah di editor baru Blogger TIDAK memilik format tersebut, namun otomatis diganti dengan wXXX-hXXX.

Cara Memunculkan Gambar Thumbnail di Widget Pada Editor Baru Blogger

Ini adalah solusi untuk memperbaiki gambar tidak muncul di widget akibat editor baru Blogger. Sesuai penjelasan di atas, solusinya sederhana sekali.

1. Edit postingan yang gambarnya tidak muncul pada widget kustom.


2. Pindah pada mode HTML (bukan Compose).


3. Lihat kode gambar dan perhatikan nilai src. Jika memiliki format wXXX-hXXX, maka tinggal ganti menjadi sXXXX.


4. Terbitkan lagi postingannya.

CONTOH:

Lihat ini:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS5vjKn4a23ZowX0NIMn4dbkVaDpcMo7i7YrulM5hDAOCP0Wxfjc4hQcUvQ1k4rj2PuYu-4v1vfClLVyw3V_snx7mYdldKFOkWyvrzj0BOHgFNASCDHX2VXegf1VQ3uZQWFOGaVkHNfZvc/w625-h351/gambar.jpg"/>

Ubah jadi seperti ini:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS5vjKn4a23ZowX0NIMn4dbkVaDpcMo7i7YrulM5hDAOCP0Wxfjc4hQcUvQ1k4rj2PuYu-4v1vfClLVyw3V_snx7mYdldKFOkWyvrzj0BOHgFNASCDHX2VXegf1VQ3uZQWFOGaVkHNfZvc/s1600/gambar.jpg"/>

Klik buat melihat berukuran lebih besar

Output Akhir

Ini contoh dari widget kustom yang mengambil gegevens dari RSS feed, yaitu related postbode. Aku coba pada template Fiksioner cuma-cuma. Tadinya tidak terdapat gambar (diganti oleh gambar default). Sesudah menerapkan trik pada atas, gambar thumbnail langsung tampil. Ini akibat value media$thumbnail.url timbul kembali pada RSS feed.

Contoh gambar pada widget related postbode

Penutup

Bakal sangat menyusahkan bagi pengguna yang tidak mau ribet, yang umumnya langsung posting dari mode Compose. Andaikan perubahan format URL dapat berdampak besar pada hilangnya gambar pada RSS feed, terdapat baiknya pihak Blogger melakukan update pada sisi RSS feednya pula. Akibat yang mengganti format URL gambar secara otomatis itu pengedit baru Blogger, bukan pengguna.

So andaikan widget kustom pada template engkau tiba-tiba tidak memunculkan gambar, entah itu widget related postbode (wetsartikel terkait), recent postbode (wetsartikel teranyar), serta lain sebagainya, jangan buru-buru mengumpat template yang sedang dipergunakan. Dapat so memang masalahnya terdapat pada format gambar misalnya yang telah dijelaskan pada atas.

Itu beliau trik mengatasi gambar tidak timbul pada related postbode atau recent postbode Blogger akibat pengedit baru. Semoga dapat sedikit membantu. Kita pakai trik ini saja dulu sembari menunggu pihak Blogger melakukan update yang lebih baik.

Berbagi :