Blogger

Cara Memasang Video YouTube Responsive 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 materi, tetapi terkadang tulisan dan gambar saja tidaklah cukup, terkadang kita harus menyisipkan sebuah vidio di dalamnya untuk melengkapi sebuah artikel.

Cara Memasang Video YouTube Pada Blogspot

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.

Jika 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 laiinya 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=”http://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

Link Youtube
Link Youtube

Sehingga hasilnya menjadi seperti ini
<center><object data=”http://www.youtube.com/embed/ShegIiSBqeM” frameborder=”0″ height=”315″ width=”560″></object></center>

Silahkan coba dan lihat hasilnya, Saya admin Jon terimakasih atas kunjungannya.

 

SevenJon

Website dan Post kami reset pada tanggal 15 Juni, semua komentar yang sudah masuk tidak dapat ditampilkan. Semoga kajian materi dari website sevenjon.com ini dapat membantu teman teman menambah pengetahuan dan pengalaman yang bermanfaat hingga anak cucu kelak.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Back to top button
Close
Close

Adblock Detected

Please consider supporting us by disabling your ad blocker