Thumbnail YouTube Tidak Muncul di Blogspot Post Preview Homepage
Jika kamu pernah embed video YouTube di Blogspot, kamu mungkin pernah mengalami masalah di mana thumbnail (gambar mini) artikel tidak muncul saat dibagikan ke media sosial atau ditampilkan di halaman utama.
Masalah ini terjadi karena Blogspot hanya mengenali gambar dari tag <img>
, sementara embed video YouTube menggunakan <iframe>
, yang tidak bisa dibaca oleh sistem thumbnail Blogspot saat ini. Akibatnya preview thumbnail pada post di situs yang menggunakan blogger akan blank hitam.
Setelah mencoba berbagai solusi, mulai dari JavaScript, semua ternyata tidak berhasil. Blogspot tidak menjalankan script atau mengekstrak gambar dari iframe
.
✅ Solusi yang Paling Ampuh dan Terbukti:
Sisipkan gambar thumbnail video secara manual menggunakan URL berikut:
<img src="https://img.youtube.com/vi/VIDEOID/hqdefault.jpg" style="display:none;" alt="YouTube thumbnail" />
Ganti VIDEO_ID
dengan ID dari video YouTube yang kamu embed.
🔧 Contoh lengkap di dalam artikel Blogspot:
<iframe width="560" height="315" src="https://www.youtube.com/embed/WdLBw7pq1v0" frameborder="0" allowfullscreen></iframe>
<img src="https://img.youtube.com/vi/WdLBw7pq1v0/hqdefault.jpg" style="display:none;" alt="YouTube thumbnail" />
🤔 Kenapa Pakai style="display:none;"
?
Karena kamu tidak ingin gambar tersebut terlihat oleh pengunjung. Tujuannya hanya agar Blogspot bisa mengenali gambar dan menjadikannya thumbnail otomatis, misalnya saat artikel dibagikan ke Facebook, WhatsApp, atau muncul di homepage Blog.
🎉 Hasil:
- Thumbnail muncul dengan sempurna di halaman utama Blogspot.
- Gambar preview terlihat saat dibagikan di media sosial.
- Tidak mengganggu tampilan artikel.
📝 Tips Ekstra:
- Simpan snippet di Notepad atau Text Expander biar nggak ketik ulang.
- Gunakan ID video YouTube yang sama dengan iframe untuk menghindari kesalahan.
Kalau kamu suka tutorial ini, jangan lupa bagikan ke teman-teman blogger lainnya yang mungkin mengalami masalah serupa. Kadang solusi yang sederhana adalah yang paling ampuh! 😉
Posting Komentar