Memasang frame video youtube di posting blog

Frame video youtube merupakan sebuah tampilan gambar belakang (background) untuk mempercantik dan membuat menarik video youtube yang dipasang di posting blog.

Cara memasangnya :

  • Cari link video youtube yang akan di masukkan ke dalam posting  
Contoh :
https://www.youtube.com/watch?v=0qAzLbycu-A
  • Kemudian ambil ID videonya yaitu 0qAzLbycu-A  
  • Sekarang copy script berikut dan taruh di posting mode HTML bukan Compose
<div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWruveduZvy2LgCt0h7IZ3wCvH6aSblSCyvkCvDSmp3O1bYXkJFt6PoUJD3HAUTYeyozqukYbJd3f1vMToUsUXm7IN1O7TYyKIDEzdPvAdVzjhAYTdtNSAVT9rRTU_hA0zjvSNW7Md0iM/s1600/video-background.png&quot;) no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;">
<iframe allowfullscreen="" frameborder="0" height="298" src="http://www.youtube.com/embed/ID-VIDEO" width="498"></iframe></div> 
  •  Ganti ID-VIDEO nya berwarna merah dengan ID video pada langkah sebelumnya sehingga menjadi
<div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWruveduZvy2LgCt0h7IZ3wCvH6aSblSCyvkCvDSmp3O1bYXkJFt6PoUJD3HAUTYeyozqukYbJd3f1vMToUsUXm7IN1O7TYyKIDEzdPvAdVzjhAYTdtNSAVT9rRTU_hA0zjvSNW7Md0iM/s1600/video-background.png&quot;) no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;">
<iframe allowfullscreen="" frameborder="0" height="298" src="http://www.youtube.com/embed/0qAzLbycu-A" width="498"></iframe></div>
Contoh hasilnya:
Slamat mencoba sobat.. :37::37:


1 komentar:

Warning!
- Tinggalkan jejak anda di kolom komentar.