Tips Membuat Tampilan Video Youtube Keren Seperti TV Pada Blog
Apakah kalian ingin menciptakan video youtube yang di embed (sematkan, tambahkan) terlihat lebih menarik & profesional ketika kalian menambahkannya di dalam postingan, yang terbukti cukup efektif menciptakan pengunjung blog tertarik untuk menontonnya.
Tutorial Membuat Tampilan Video Youtube Keren Seperti TV di Blog
Setelah kalian berhasil login ke akun Blogspot, pada halaman utama (Dashboard) Blogger >>> pilih Tema (Template) >>> Edit HTML
Selanjutnya cari code ]]></b:skin>, supaya lebih cepat klik pada script atau instruksi di dalam template, kemudian tekan CTRL + F pada keyborad laptop/PC anda, kemudian pastekan instruksi ]]></b:skin> dalam kotak yang di sediakan.
Letakkan/tempel/pastekan code di bawah ini, sempurna di atas code "]]></b:skin>"
.video-player{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJBSOMC2XThb9yaegMqxiCBdyo2qHuk62sB8vk4KJ2hT9_QjMUoRgk6pua4bt-ObwcxeuNVcJr_MzvNpuoJ6rYVaH3VJy66OixhjsZxtFZ9o6CPMR3JuskkVCSULTlkUmviDeXeTrwFSw/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;height:458px;width:580px;padding-top:35px;margin-left:30px}
Keterangan:
Supaya tampilannya pas dengan lebar area posting template blog yang anda gunakan silakan rubah angka yang berwarna biru.
Bingung di mana meletakkannya, silakan lihat gambar meletakkan script Membuat Tampilan Video Youtube Menarik Seperti TV pada situs Web/Blog di bawah ini.
Kalo sobat mau gambar TV (televisinya) di ubah, silakan kalian cari gambar televisi yang menarik berdasarkan Anda dengan cara searching di internet. Tapi, ingat usahakan format gambarnya PNG transparan supaya lebih gampang di edit.
Setelah kalian menemukan gambar TV yang berdasarkan kalian bagus, silakan upload gambar tersebut di blog Anda. Lalu ambil url gambarnya, dan ganti url gambar berwarna merah di atas dengan url gambar yang gres saja kalian upload.
BAGAIMANA CARA MEMANGILNYA PADA POSTINGAN ARTIKEL
Supaya ketika anda mengembed video dari youtube, video tersebut berada di dalam gambar TV yang telah kalian upload tadi, silakan kawan-kawan copy dan pastekan script di bawah ini dalam postingan pada mode HTML.
<div class="video-player">
MASUKKAN KODE EMBED YOUTUBE DI SINI
</div>
Supaya tampilannya pas, sebaiknya kawan-kawan menyesuaikan lebar dan tinggi video supaya berada sempurna di tengah-tengah gambar TV yang telah kita siapkan tadi dengan cara menganti angka pada instruksi embed youtube.
Contoh :
<div style="text-align: center;"><div class="video-player">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7zvxw7lR0ug" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div></div>
Ganti angka yang berwarna merah dengan angka yang sesuai dengan tinggi dan lebar gambar televisi, yang sobat upload pada langkah pertama tadi.
Tampilan Embed Video Youtube Tanpa Penggunaan Kode
Penampilan Video Youtube Seperti TV Setelah Memakai Tips Di Atas
Bagaimana, pastinya teman-teman oke jikalau tampilan video Youtube dengan memakai tips yang kami bagikan ini jauh lebih elok dan menarik bukan.
Post a Comment
Post a Comment