Cara Memunculkan Thumbnail YouTube yang Hilang di Blog

Saat sering mengganti tema blog, salah satu masalah yang cukup sering terjadi adalah tampilan thumbnail postingan menjadi rusak atau blur. Tidak hanya itu, thumbnail video YouTube yang terdapat di dalam postingan Blogger juga terkadang menghilang, meskipun video tersebut masih dapat diputar dengan normal.

Masalah tersebut biasanya membuat tampilan blog menjadi kurang menarik, terutama jika thumbnail postingan digunakan sebagai gambar utama di halaman homepage atau halaman label.

Untuk memunculkan kembali thumbnail video YouTube yang hilang, Anda dapat menambahkan kode HTML gambar thumbnail secara manual melalui mode HTML pada editor postingan Blogger.

Memunculkan Thumbnail YouTube yang Hilang di Blog

Berikut langkah-langkah yang dapat Anda ikuti.

1. Buka Postingan Blogger

Pertama, login ke akun Blogger Anda, kemudian buka menu Postingan.

Cari dan pilih postingan yang di dalamnya terdapat video YouTube dengan thumbnail yang hilang.

2. Masuk ke Mode HTML

Setelah postingan terbuka, ubah editor dari mode penulisan biasa ke mode HTML.

Pada mode HTML, Anda akan melihat kode HTML yang digunakan untuk menampilkan berbagai elemen di dalam postingan, termasuk video YouTube.

3. Cari Kode Iframe YouTube

Selanjutnya, cari kode iframe YouTube yang terdapat di dalam postingan.

Contohnya kurang lebih seperti berikut:

<iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/aofREM3EvAg" width="320" youtube-src-id="aofREM3EvAg"></iframe>

Perhatikan bagian ID video YouTube:

aofREM3EvAg

ID tersebut nantinya akan digunakan pada kode thumbnail.

4. Tambahkan Kode Thumbnail YouTube

Untuk memunculkan kembali thumbnail video, tambahkan kode berikut:

<img border="0" height="0" src="https://i2.ytimg.com/vi/aofREM3EvAg/0.jpg" width="0" />

Kode tersebut dapat ditempatkan sebelum atau sesudah kode </iframe>, atau sebelum kode <iframe>.

5. Gabungkan Kode Iframe dan Thumbnail

Jika digabungkan, kode HTML-nya akan menjadi seperti berikut:

<iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/aofREM3EvAg" width="320" youtube-src-id="aofREM3EvAg"><img border="0" height="0" src="https://i2.ytimg.com/vi/aofREM3EvAg/0.jpg" width="0" /></iframe>

6. Ganti ID Video YouTube

Bagian yang perlu diperhatikan adalah ID video YouTube.

Pada contoh di atas, ID videonya adalah:

aofREM3EvAg

Ganti ID tersebut dengan ID video YouTube yang terdapat pada postingan Anda.

Pastikan ID yang digunakan pada kode iframe dan kode thumbnail sama.

Sebagai contoh, jika URL video Anda adalah:

https://www.youtube.com/watch?v=ABC123XYZ

Maka ID videonya adalah:

ABC123XYZ

Sehingga URL thumbnail menjadi:

https://i2.ytimg.com/vi/ABC123XYZ/0.jpg

7. Perbarui Postingan

Setelah kode selesai ditambahkan dan ID video sudah disesuaikan, klik Perbarui untuk menyimpan perubahan.

Setelah postingan diperbarui, periksa kembali halaman blog Anda untuk melihat apakah thumbnail video sudah muncul kembali.

BACA JUGA:

• Cara memasukkan video youtube ke dalam postingan blogger
• video kedalam posting blogger

Kesimpulan

Thumbnail YouTube yang hilang di Blogger dapat diperbaiki dengan menambahkan kode HTML gambar thumbnail secara manual pada postingan.

Caranya cukup sederhana, yaitu masuk ke mode HTML, mencari kode iframe video YouTube, kemudian menambahkan kode thumbnail dengan ID video YouTube yang sama.

Dengan cara ini, thumbnail video yang sebelumnya tidak muncul dapat ditampilkan kembali sehingga tampilan postingan dan halaman blog menjadi lebih rapi.

Semoga tutorial cara memunculkan thumbnail YouTube yang hilang di blog ini bermanfaat dan dapat membantu Anda memperbaiki tampilan postingan Blogger.