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.
Kalau Anda tertarik silakan ikuti langkah-langkah Membuat Tampilan Video Youtube Keren Pada Blog menyerupai TV di bawah ini.
Tutorial Membuat Tampilan Video Youtube Keren Seperti TV di Blog
Pertama, teman-teman harus login terlebih dahulu ke akun blogspotnya. Jika belum punya silakan kalian buat blog di blogspot terlebih dahulu. Tidak tau bagaimana cara menciptakan blog gratis di blogger, silakan baca tutorial menciptakan blog yang telah Admin tulis sebelumnya.
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.
Setelah itu klik Simpan tema. Supaya lebih elok lagi sebaiknya Anda memakai template blogger responsif, belum punya silakan kalian download koleksi template blogger gratis yang telah Admin berikan pada posting sebelumnya. Di antaranya template CLean Blogger dan Evo Magz v4.7.
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>
Jika Anda galau bagaimana cara mendapat instruksi embed youtube, silakan baca artikel saya sebelumnya yang berjudul cara gampang embed video youtube ke website dan blog.
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.
Agar teman-teman dapat tau perbandingannya, elok mana dengan memakai tips di atas atau eksklusif embed video dari youtube pada website silakan bandingkan kedua gambar di bawah ini.
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.
Demikianlah Tips Membuat Tampilan Video Youtube Keren Seperti TV Pada Blog, yang dapat Admin bagikan. Semoga dapat di praktekkan dan berhasil dengan sukses. Selamat mencoba dan berkreasi. Salam blogger.
Post a Comment
Post a Comment