Membuat Tampilan Video Youtube Di Blog Seperti Televisi

Udah lihat kan contoh gambar di atas ??? Yuk langsung saja kita buat !!! Bagaimana caranya ??? Berikut step by step cara Membuat Tampilan Video Youtube Di Blog Seperti Televisi :

1. Login Blogger > Template > Edit HTML
2. Cari kode ]]></b:skin> kemudian copy CSS di bawah dan letakkan di atas kode tadi



/* Video Youtube */

.video-player{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jsNkH_9VzFIWxFMiGmsgy4rxTE5VpDSCt84S1uAGuEVmWFslIUnBPQ3FhuOeD3Npc9loXnovNUSTXLfueVuia1O753fJgn6mjtJZxuzwp36YfltJBA4F0upmcSku2eJLFQSPNrggvXE/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;height:458px;width:580px;padding-top:38px;margin:auto}



3. Untuk memanggil di postingan sobat, gunakan script di bawah ini pada tab HTML



<div style="text-align: center;">

<div class="video-player">

<iframe allowfullscreen="" frameborder="0" height="283" src="URL Video" width="505"></iframe>

</div>

</div>

4. Silahkan atur sendiri padding dan margin pada kode CSS dan height dan widht pada script pemanggil diatas
5. Pratinjau dulu agar tidak terjadi kesalahan
6. Simpan template

Untuk kode URL Video kita memakai kode embed pada Youtube, cara mendapatkan kode embed bagi yang belum tau lihat gambar di bawah ini

Jika sobat penasaran bagaiman hasilnya silahkan lihat pada postingan Video - Cara Membuat Logo Windows Simple ini.
Bagaimana ??? Keren kan ??? ^_^. Sekian dulu Tips and Trik Blogger pada hari ini, jika ada yang ditanyakan silahkan berkomentar.

Thankz to Mas Kompi.

Artikel Terkait

Membuat Tampilan Video Youtube Di Blog Seperti Televisi

4/ 5

Oleh Randi Afrinal

Randi Afrinal 7/14/2013 12 Komentar