Cara Menampilkan Gambar Thumbnail Video Youtube Otomatis di Homepage Blogger.

GAMBAR thumbnail video Youtube dapat ditampilkan otomatis di halaman depan blogger. Caranya dengan menambahkan instruksi gambar humbnail di bab simpulan instruksi tempel (embeded) Video Yotube.

Berikut ini pola posting video youtube di blog dan memunculkan gambar thumbnail di halaman depan (auto readmore post) secara otomatis.

Gambar diambil dari default thumbnail image video youtube yang kita posting. Tidak upload gambar perhiasan ke posting.



Ini kodenya:

<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/mu1KSw28snI?rel=0" width="560"></iframe><img border="0" height="0" src="https://i2.ytimg.com/vi/mu1KSw28snI/0.jpg" width="0" />

Kode di atas terdiri dari dua bagian

1. Kode Tempel Video Youtube yang kita ambil dari instruksi tempel di Youtube.

<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/mu1KSw28snI?rel=0" width="560"></iframe>

2. Kode Thumbnail Image Otomatis (Kode Tambahan)

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

Kedua instruksi tersebut digabungkan:

<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/mu1KSw28snI?rel=0" width="560"></iframe><img border="0" height="0" src="https://i2.ytimg.com/vi/mu1KSw28snI/0.jpg" width="0" />

Anda hanya perlu mengubah instruksi warna merah sesuai dengan instruksi ID Video Youtube yang ada di address kafe atau di instruksi tempel video youtube.

Demikian Cara Menampilkan Gambar Thumbnail Video Youtube Otomatis di Homepage Blogger. Good Luck! (www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours