Mengatasi Thumbnail Yang Tidak Muncul di Interface Blogger Baru (2020)

Otovirtual.com - Blogger telah meninggalkan interface (dashboard) lama dan menggantikannya dengan interface yang baru. Salah satu tujuannya agar Blogger baru ini lebih mudah dan lebih responsif di mobile device. Interface lama Blogger sudah "dimatikan" sejak 24 Agustus 2020 lalu, sehingga semua dashboard Blogger akan otomatis menggunakan interface baru, walaupun sebelumnya kita telah memilih untuk "Back to Classic Blogger" atau "Revert to Legacy Blogger".  

Thumbnail tidak muncul di Interface Blogger baru 2020

Banyak sekali perubahan yang dibawa interface baru Blogger ini sehingga banyak blogger yang merasa kesulitan menggunakan interface baru ini. Mungkin butuh waktu yang agak lama untuk membiasakan diri ya... Dan saya adalah salah satu yang merasa tidak nyaman dengan interface baru ini. Apalagi ketika kita upload post baru, gambar thumbnailnya tidak pernah muncul di halaman utama, atau di widget lain seperti Recent Post, Popular Post, dll.

Kenapa Thumbnail Tidak Muncul Ketika kita menggunakan Interface Blogger Baru?

Ketika kita lihat di forum-forum blogger, memang banyak sekali yang menanyakan masalah thumbnail yang tidak muncul ini. Dan masalahnya hanyalah thumbnail yang diupload setelah menggunakan interface baru, sementara thumbnail pada postingan lama tetap muncul. Kalau saya cek, Blogger telah menggunakan syntax/URL baru untuk menampilkan gambar/foto di postingan, sehingga thumbnail tidak muncul. Misalnya seperti di bawah ini.

URL Baru:

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgniCBXQ0DNiApL00ai40yWA5t3AKF65H2klvANP7gGTDSyARopdAsaDctqsH5jM_myYbBmRw6uiKwitEPFS7iapaUHttojctL7dIcTfhEzbp9kxa4DOPZ05jEAbcsTHe-HCQn2_wulN3qn/w440-h296/Lifan%2BKPV150%2Balias%2BLF150T%2B%25287%2529.JPG"

URL Lama:

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgniCBXQ0DNiApL00ai40yWA5t3AKF65H2klvANP7gGTDSyARopdAsaDctqsH5jM_myYbBmRw6uiKwitEPFS7iapaUHttojctL7dIcTfhEzbp9kxa4DOPZ05jEAbcsTHe-HCQn2_wulN3qn/s806/Lifan%2BKPV150%2Balias%2BLF150T%2B%25287%2529.JPG"

Bedanya cuma sedikit, yaitu di bagian yang saya beri warna merah. Tapi cuma karena hal itulah yang membuat tampilan blog jadi jelek dan sangat tidak enak dilihat.

Bagaimana Cara untuk menampilkan Thumbnail di Interface Baru Blogger?

Cara yang paling mudah adalah dengan menghubungi si pembuat template, sehingga pembuat template akan mengubah kode-kode dalam template menyesuaikan dengan Interface baru ini. Ini bagi yang menggunakan tempate premum ya, alias beli 😆

Tapi... sepertinya dan saya yakin nih bahwa masih banyak yang menggunakan template blog gratisan seperti saya ini. Solusinya cukup mudah, walaupun agak sedikit ribet. Yaitu dengan mengganti URL gambar pertama pada tiap postingan (yang berupa URL Baru) dengan URL model lama seperti contoh di atas.

Misalnya gambar pertama dari postingan kita adalah gambar di bawah ini dengan URL:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgniCBXQ0DNiApL00ai40yWA5t3AKF65H2klvANP7gGTDSyARopdAsaDctqsH5jM_myYbBmRw6uiKwitEPFS7iapaUHttojctL7dIcTfhEzbp9kxa4DOPZ05jEAbcsTHe-HCQn2_wulN3qn/w440-h296/Lifan%2BKPV150%2Balias%2BLF150T%2B%25287%2529.JPG"

URL Gambar Pertama di Tiap Postingan

Maka cara memunculkan thumbnailnya adalah dengan cara :

1. Buka postingan yang ingin kita munculkan thumbnailnya
2. Pindah dari tampilan Compose View ke HTML View
3. Klik "Format HTML" di menu bar Editor agar tampilan mudah dibaca
4. Cari URL gambar/foto pertama, dalam contoh ini adalah "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgniCBXQ0DNiApL00ai40yWA5t3AKF65H2klvANP7gGTDSyARopdAsaDctqsH5jM_myYbBmRw6uiKwitEPFS7iapaUHttojctL7dIcTfhEzbp9kxa4DOPZ05jEAbcsTHe-HCQn2_wulN3qn/w440-h296/Lifan%2BKPV150%2Balias%2BLF150T%2B%25287%2529.JPG"
5. Ganti URL yang berwarna merah di atas (bisa berbeda, intinya memiliki kode wXXX-hXXX) dengan "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgniCBXQ0DNiApL00ai40yWA5t3AKF65H2klvANP7gGTDSyARopdAsaDctqsH5jM_myYbBmRw6uiKwitEPFS7iapaUHttojctL7dIcTfhEzbp9kxa4DOPZ05jEAbcsTHe-HCQn2_wulN3qn/s806/Lifan%2BKPV150%2Balias%2BLF150T%2B%25287%2529.JPG" 
6. Note : Untuk s806 di atas bisa diganti dengan sXXX (angka lain), menyesuaikan dengan ukuran thumbnail, misalnya s240, s360, dll.
7. Klik Update dan lihat perubahannya

Thumbnail muncul setelah diganti URLnya

Jadi itulah cara mengatasi thumbnail tidak muncul ketika kita menggunakan interface Blogger yang baru. Setidaknya yang saya tahu. Jika ada yang tahu cara yang lebih mudah, permanen dan tidak perlu edit postingan satu-persatu, monggo silakan di-share...

Hubungi dan Ikuti juga Otovirtual.com di media berikut:

• e-mail : hermawan.r@gmail.com
• facebook : otovirtual.com
• twitter : @hermawan_ris
• instagram : @batam_otovirtual
• WA : +6281364097225