Cara Membuat Tampilan Youtube di Blog Seperti TV
Tuesday, November 26, 2013
BERIKUT CARA MEMBUATNYA :
1. Login akun blogger sobat seperti biasa.
2. Pilih Template - Edit HTML (Jagan lupa centang expand widget templates)
3. Lalu cari kode ]]></b:skin> setelah ketemu pastekan code di bawah ini di atas kode ]]></b:skin>
1. Login akun blogger sobat seperti biasa.
2. Pilih Template - Edit HTML (Jagan lupa centang expand widget templates)
3. Lalu cari kode ]]></b:skin> setelah ketemu pastekan code di bawah ini di atas kode ]]></b:skin>
.video-player{background:url(http://1.bp.blogspot.com/-Taex2AY8eM8/UWmOqz6pROI/AAAAAAAAAFM/O6aZyN-b_yA/s1600/psd-samsung-p2370-monitor3_zpsceee71bd.png)
no-repeat top
center;height:458px;width:580px;padding-top:35px;margin-left:30px}
Note :
Tampilan ini untuk blog yang lebar halaman postingannya 600px, jadi kalau halaman postingannya lebih kecil dari 600px, Anda harus menyesuaikan gambar backgroundnya lagi. Silahkan ganti kode berwarna merah URL gambar yang sobat inginkan.
Nah, untuk memunculkannya di postingan silhkan gunakan script di bawah ini pada postingan HTML Anda.
Tampilan ini untuk blog yang lebar halaman postingannya 600px, jadi kalau halaman postingannya lebih kecil dari 600px, Anda harus menyesuaikan gambar backgroundnya lagi. Silahkan ganti kode berwarna merah URL gambar yang sobat inginkan.
Nah, untuk memunculkannya di postingan silhkan gunakan script di bawah ini pada postingan HTML Anda.
<div
class="video-player">
<iframe height="281" src="URL VIDEO" width="500"></iframe>
</div>
<iframe height="281" src="URL VIDEO" width="500"></iframe>
</div>
Note :
- Silahkan ganti kode berwarna merah adalah ukuran lebar dan tinggi, sesuai keinginan sobat.
0 komentar
Mari beri kritik dan saran untuk kemajuan bersama