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.
Slamat mencoba sobat.. :37::37:
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWruveduZvy2LgCt0h7IZ3wCvH6aSblSCyvkCvDSmp3O1bYXkJFt6PoUJD3HAUTYeyozqukYbJd3f1vMToUsUXm7IN1O7TYyKIDEzdPvAdVzjhAYTdtNSAVT9rRTU_hA0zjvSNW7Md0iM/s1600/video-background.png") 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWruveduZvy2LgCt0h7IZ3wCvH6aSblSCyvkCvDSmp3O1bYXkJFt6PoUJD3HAUTYeyozqukYbJd3f1vMToUsUXm7IN1O7TYyKIDEzdPvAdVzjhAYTdtNSAVT9rRTU_hA0zjvSNW7Md0iM/s1600/video-background.png") no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;">Contoh hasilnya:
<iframe allowfullscreen="" frameborder="0" height="298" src="http://www.youtube.com/embed/0qAzLbycu-A" width="498"></iframe></div>
Slamat mencoba sobat.. :37::37:
Keren
BalasHapus