Membuat Tampilan Video Youtube Di Blog Seperti TV

Redi

Panduan Blog

Senin, 10 Februari 2014

Belum ada komentar

Cara membuat Tampilan Video Youtube Di Blog Seperti TV - Kali ini saya akan mebagikan tutorial memodifikasi tampilan youtube di blog menjadi seperti layaknya Televisi , saya menemukan tutorial ini ketika blogwalking di kompi ajaib , meskipun sudah di share oleh mas adhy tutor tersebut , gak ada salahnya kan jika saya share kembali , nah untuk demonya anda bisa lihat gambar dibawah ini brow :

Berikut Cara Membuat Tampilan Video Youtube Di Blog Seperti TV

1. Pertama Masuk ke blog anda terlebih dahulu
2. Pilih Dashboard => Template => EDIT HTML
3. Selanjutnya cari code ]]></b:skin>
4. Letakkan code berikut ini, tepat di atas code ]]></b:skin>

.Player-video-tv {
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyMczzogZwOhj83Sv4eDMl9zeyFxM5VmfDXKm-sC1z3eiC85XfaFoNLxHy41NtxLTPSg91hJD3f6BE3Ga3fZZAaUH8kax1-qIIj8wzoAEjnPwugh7GnWW8lY0RsTToSHgSuyClAp6OACM/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;
  height:458px;
  width:580px;
  padding-top:35px;
  margin-left:30px;
}

• Untuk mengganti model bentuk Televisi nya sobat bisa mengganti kode yang berwarna kuning
• Sedangkan untuk pengaturan lebar dan tinggi sobat tinggal ubah height dan widht-nya

5. Untuk cara pemasanganya gunakan code di bawah ini pada posting HTML anda, ingat bukan di Compose ya sob :)

<div class="Player-video-tv">
<iframe height="281" src="URL VIDEO" width="500"></iframe>
</div>

Ganti tulisan URL VIDEO ( yang berwarna kuning ) dengan url video yang anda inginkan . anda bisa mendapatkan url video youtube tersebut dibagian Bagi = > Sematkan

Nah gimana Tutorialnya tentang Membuat Tampilan Video Youtube Di Blog Seperti Televisi ? sangat mudahkan , oh ya anda juga dapat melihat hasilnya dibawah ini :

Source : http://www.kompiajaib.com/2013/02/bikin-tampilan-video-youtube-di-blog-seperti-televisi.html