Home » » Membuat Tampilan Video Youtube Di Blog Seperti Televisi

Membuat Tampilan Video Youtube Di Blog Seperti Televisi

Dalam hari ini taukahbahwa.blogspot.com akan menyajikan artikel tentang Membuat Tampilan Video Youtube Di Blog Seperti Televisi. Semoga dengan artikel Membuat Tampilan Video Youtube Di Blog Seperti Televisi akan menambah pengetahuan untuk anda pembaca setia taukahbahwa.blogspot.com

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

  3. /* Video Youtube */
    .video-player{background:url(http://3.bp.blogspot.com/-80cMqaO5JvI/USgg-w_ApjI/AAAAAAAAXUs/KR6ci0etVrQ/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;height:458px;width:580px;padding-top:38px;margin:auto}
  4. Untuk memanggil di postingan sobat, gunakan script di bawah ini pada tab HTML

  5. <div style="text-align: center;">
    <div class="video-player">
    <iframe allowfullscreen="" frameborder="0" height="283" src="URL Video" width="505"></iframe>
    </div>
    </div>
  6. Silahkan atur sendiri padding dan margin pada kode CSS dan height dan widht pada script pemanggil diatas
  7. Pratinjau dulu agar tidak terjadi kesalahan
  8. 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
Kode Embed Video Youtube

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com

Sobat baru saja membaca artikel yang berkategori Informasi dengan judul Membuat Tampilan Video Youtube Di Blog Seperti Televisi. Jika sobat rasa artikel ini menarik silakan di share dengan meninggalkan URL http://taukahbahwa.blogspot.com/2014/02/membuat-tampilan-video-youtube-di-blog.html. Terima kasih atas kunjungannya!

0 komentar:

Posting Komentar