33.3 C
Jakarta
Selasa, Oktober 20, 2020

Buy now

Cara Pasang Video YouTube di Blogspot

Sebagai seorang Blogger tentu saja kita menyampaikan berita dan informasi melalui sebuah blog, dengan memposting artikel berupa tulisan dan gambar dapat menggambarkan apa yang kita maksudkan di dalam materii.

Akan tetapi terkadang tulisan dan gambar saja tidaklah cukup, ada saatnya kita harus menyisipkan sebuah Vidio di dalamnya untuk melengkapi sebuah artikel.

Video YouTube Responsive

Sebelumnya blogger memang sudah menyediakan fitur insert vidio dalam editornya kamu hanya perlu memilih dari mana sumber vidio itu berasal, baik mengupladonya secara langsung ataupun melalui vidio yang terdapat pada youtube.

Jika kamu mneguploadnya melalui editor blogger vidio tersebut akan tersimpan dalam akun google kamu dan begitu juga jika kamu menguploadnya pada youtube, vidio tersebut akan tersimpan dalam akun youtube kamu.

Apabila kamu menggunakan vidio yang kamu upload melalui editor blogger, umumnya vidio tersebut kurang responsive jika di lihat melalui perangkat selullar, dalam hal ini saya menyarankan kamu menguploadnya dalam youtube, namun butuh beberapa sentuhan agar vidio tersebut lebih responsive dan tidak memberatkan saat halaman artikel di buka.

Artinya vidio tidak akan autoplay jika tidak di putar dan fitur lainya dapat menyesuaikan ukuran sesuai perangkat yang di gunakan oleh pengunjung.

Berikut ini adalah cara memasang vidio youtube pada blogspot

Pertama edit template kamu terlebih dahulu, silahkan buka Blogger > Tema > Edit HTML copy kode CSS dibawah ini dan pastekan tepat diatas kode ]]></b:skin> atau </style>

@media only screen and (max-width:768px){
object{width:100%}}
@media only screen and (max-width:480px){
object{width:85%}}
@media only screen and (max-width:320px){
object{width:280px}}

kemudian save

Cara Memasang Pada Postingan

Masuk ke postingan yang akan disisipkan video YouTube, buka dalam mode HTML ( Bukan Compose ) masukan kode dibawah ini

<center><object data="https://www.youtube.com/embed/xxxxx" frameborder="0" height="315" width="560"></object></center>

Silahkan ganti tulisan merah yang telah di tandai dengan kode embed link youtube yang akan kamu pasang

Sehingga hasilnya menjadi seperti ini

<center><object data="http://www.youtube.com/embed/ShegIiSBqeM" frameborder="0" height="315" width="560"></object></center>

Sedikit tambahan, pada template – template karya Blogger Indonesia seperti IDNTheme sudah memiliki fitur Vidio Responsive. dengan kata lain kamu tidak perlu menambahkan kode CSS pada tempalte.

Untuk memastikannya silahkan baca Documentation pada template yang kamu beli atau download.

Lalu untuk menyisipkan vidio kamu dapat menggunakan Code seperti di bawah ini.

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/ShegIiSBqeM">
</div>
</div>
</div>

Silahkan coba dan lihat hasilnya, Baiklah demikian tutorialnya, saya admin Jon terimakasih atas kunjungannya.

Related Articles

Firmware Samsung Galaxy Note 10 Lite SM-N770F

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Jon kembali berbagi Firmware untuk Samsung Galaxy Note 10 Lite SM-N770F dengan kode XID atau Region Indonesia. Firmware ini saya ambil dari...

Firmware Samsung Galaxy Note 9 SM-N960F

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Seven Jon kembali berbagi Firmware untuk Samsung Galaxy Note 9 SM-N960F dengan kode XID atau...

Firmware Samsung Galaxy Note 8 SM-N950F

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Seven Jon kembali berbagi Firmware untuk Samsung Galaxy Note 8 SM-N950F dengan kode XID atau...

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Recent Post

Firmware Samsung Galaxy Note 10 Lite SM-N770F

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Jon kembali berbagi Firmware untuk Samsung Galaxy Note 10 Lite SM-N770F dengan kode XID atau Region Indonesia. Firmware ini saya ambil dari...

Firmware Samsung Galaxy Note 9 SM-N960F

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Seven Jon kembali berbagi Firmware untuk Samsung Galaxy Note 9 SM-N960F dengan kode XID atau...

Firmware Samsung Galaxy Note 8 SM-N950F

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Seven Jon kembali berbagi Firmware untuk Samsung Galaxy Note 8 SM-N950F dengan kode XID atau...

Firmware Samsung Galaxy M30s SM-M307F

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Jon kembali berbagi Firmware untuk Samsung Galaxy M30s SM-M307F dengan kode XID atau Region Indonesia. Firmware...

Firmware Samsung Galaxy M30 SM-M305M

Halo teman-teman SevenJon.com, Melanjutkan Firmware dari Blog lama, Admin Seven Jon kembali berbagi Firmware untuk Samsung Galaxy M30 SM-M305M dengan kode XID atau Region Indonesia. Firmware...