Selamat malam sobat.. pernahkah teman teman blogger saat menerapkan penambahan Widget untuk Related Post / Artikel Terkait di bawah artikel posting blogger atau menambahkan widget lainnya (custom widget) setelah daplikasikan ternyata Gambar atau Thumbnail tidak muncul hanya kotak kosong dan biasanya hanya tekst artikel nya saja yang muncul
Ini kejadian sama saya saat mencoba menerapakannya di bawah postingan artikel untuk blog Ngerapik ini..kckck. Langsung tanya ahlinya, Mode Ai,,Langsung saja berikut kata kata Ai untuk mengatasinya.. It's Work ternya teman teman. Cekidot Wae..!!
Halo para blogger! Apakah Anda menyadari setelah Blogger memperbarui sistem editor postingannya, beberapa gambar thumbnail pada widget kustom seperti Related Posts, Recent Posts, atau Slider Layout mendadak hilang atau tidak muncul? Masalah ini sempat membuat banyak pemilik blog pusing karena tampilan beranda menjadi kosong atau rusak.
Jangan khawatir, blog Anda tidak rusak! Ini terjadi karena adanya perubahan struktur URL gambar yang dihasilkan oleh sistem editor terbaru Blogger. Artikel ini akan mengupas tuntas penyebab dan cara mengatasinya dengan langkah-langkah mudah.
Mengapa Thumbnail Widget Kustom Tidak Muncul?
Pada sistem editor Blogger yang lama, URL gambar yang Anda unggah biasanya memiliki parameter ukuran seperti /s1600/ atau /d/. Script javascript pada widget kustom lama sudah diatur untuk mengenali format tersebut.
Namun, di editor terbaru, Blogger mengubah parameter tersebut menjadi format dimensi dinamis seperti /w640-h480/ atau /w320-h240/. Akibat perubahan string teks ini, script widget kustom gagal membaca URL gambar utama (first image), sehingga thumbnail menampilkan gambar kosong atau ikon broken link.
Cara Mengatasi Gambar Thumbnail yang Hilang
Ada dua metode utama yang bisa Anda gunakan untuk menyelesaikan masalah ini. Silakan pilih cara yang menurut Anda paling praktis.
Metode 1: Mengubah Parameter Gambar Secara Manual via HTML Postingan
Cara ini sangat cocok untuk memperbaiki artikel-artikel tertentu yang thumbnail-nya tidak muncul di widget.
- Masuk ke dasbor Blogger Anda.
- Buka postingan yang gambarnya tidak muncul pada widget kustom.
- Ubah mode penulisan dari Tampilan Menulis (Compose View) ke Tampilan HTML (HTML View).
- Cari kode tag gambar
<img>pertama Anda. Perhatikan bagiansrc="...". - Jika Anda menemukan kode ukuran berformat
wXXX-hXXX(contoh:w640-h360), ubah kode tersebut menjadi format huruf s saja (contoh:s1600ataus640). - Klik Perbarui (Update) pada postingan tersebut.
Metode 2: Memperbaiki Script JavaScript Widget (Solusi Otomatis & Permanen)
Jika jumlah artikel Anda terlalu banyak, mengubah satu per satu tentu akan melelahkan. Solusi terbaiknya adalah memperbarui script JavaScript yang mengambil data RSS Feed blog Anda agar bisa membaca parameter baru dari Blogger.
Cari kode JavaScript widget Anda (biasanya ada di dalam menu Tema > Edit HTML atau di dalam widget Tata Letak / Layout), kemudian ganti bagian fungsi pengganti URL gambar yang lama dengan script regex terbaru berikut:
Kode kode regex fleksibel:
Script regex di atas bertugas memaksa sistem untuk mendeteksi baik format parameter lama (s) maupun format parameter baru (w-h), lalu mengubah ukurannya secara seragam menjadi ukuran thumbnail widget (misalnya s72-c).
Kesimpulan
Hilangnya thumbnail di blog Anda murni terjadi karena ketidakcocokan antara kode widget lama dengan struktur URL baru dari sistem Blogger. Dengan menerapkan salah satu metode di atas, tampilan widget kustom Anda akan kembali normal, responsif, dan rapi dilihat oleh pengunjung.
Selamat mencoba teman teman blogger, dan semoga bermanfaat dan berguna untuk blogger sobat semua. Salam Ngerapik Blog!!