Cara Memasang Video YouTube Responsive Pada Postingan Blog

Youtube sering kali juga digunakan oleh blogger untuk penunjang tambahan dalam blog yang yang dimilikinya yang biasanya blog tutorial yang pengunjung kurang paham dalam penempatan kode - kode yang diberikan di blog. Tapi rata - rata memasang Video Youtube dengan IFrame yang dapat memberatkan blog sobat sendiri yang dapat mengganggu pengunjung sobat dibagian loadingnya. Oke pada kesempatan kali ini saya akan memberikan tutorial bagaimana cara menambahkan video YouTube pada postingan blog tentunya responsive dan tidak memberatkan loading pada blog sobat, wokey langsung saja kecaranya ma broowww..
Cara Memasang Video YouTube Responsive Pada Postingan Blog

Cara Memasang Video YouTube Responsive Pada Postingan Blog - Youtube sering kali juga digunakan oleh blogger untuk penunjang tambahan dalam blog yang yang dimilikinya yang biasanya blog tutorial yang pengunjung kurang paham dalam penempatan kode - kode yang diberikan di blog. Tapi rata - rata memasang Video Youtube dengan IFrame yang dapat memberatkan blog sobat sendiri yang dapat mengganggu pengunjung sobat dibagian loadingnya.

Baca Juga : Cara Menambahkan Rating Bintang di Setiap Postingan Blog

Oke pada kesempatan kali ini saya akan memberikan tutorial bagaimana cara menambahkan video YouTube pada postingan blog tentunya responsive dan tidak memberatkan loading pada blog sobat, wokey langsung saja kecaranya ma broowww..

Cara Memasang Video YouTube Responsive Pada Postingan Blog 


Pertama sobat masuk terlebih dahulu ke 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}}

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>

Yang bertnta merah diganti dengan kode embeed video YouTube sobat...


Jika sudah klik publikasikan, dan lihat hasilnya browww...

Baca Juga : Cara Mengaktifkan Tampilan Terbaru Gmail

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Video YouTube Responsive Pada Postingan Blog  Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.