Cara mudah membuat video youtube di blog responsive

Hallo semuanya kembali lagi dengan saya, sudah sekian lama saya tidak post karena saya agak lupa sama blog ini hehe. Tetapi sekarang saya akan membagikan tutorial blogging yang sangat bermanfaat, dan tutorial yang kali ini saya berikana dalah \”cara mudah membuat video youtube di blog responsive\”.

Karena pada umumnya blogger indonesia maupun blogger luar menyisipkan video dari youtube yang embed kedalam post blog, dan jika memang tidak ditambah script khusus akan tidak responsive.
Apalagi template yang digunakan sudah responsive dan tidak menjadi responsive karena \’embed dari youtube.

maka dari itu, saya disini akan memberikan tutorialnya, dan cara ini bisa dibilang sangat mudah.
Kenapa mudah? karena memang dengan menambahkan CSS saja pada template blog, dan sudah menjadi responsive.

Oke langsung saja ya.

Tambahkan css dibawah pada template blog, lalu save.

/* CSS Only */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}

Setelah di save lalu silahkan embed video dari youtube lagi, dan lihat hasilnya dengan mengecilkan window browser nya atau mengakses blog melalui android.

Oke sekian post kali ini, tunggu post lainnya. Tetap ngoprek dan tidur secukupnya.

Thanks to : arlinadzgn

Leave a Comment