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/AVvXsEidwRuNIA-NfiF0FqzDdJhZdk5kWxlgDY00PT6wPYLcWAR3ohvsLCEXI8c977err47oosXP3efdQ7WC7AoR7-oq4vqPg815TvHdB9-WmT9zyDAJDBI5qX1VqbYgiX9RXNahGnGZkCX70qM/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