Ada kalanya kita harus memasukkan video ke dalam posting dan sering merupakan video yang diambil dari Youtube, sekarang bahwa video dapat ditonton dengan nyaman oleh pengguna ponsel itu harus dibuat responsif, oleh karena itu, saat ini akan berbagi cara menginstal video Youtube responsif bawaan.
01. Log In ke Blog anda
02. Pilih Template - Edit HTML
03. Cari ]]></b:skin> dari letakkan kode dibawah ini tepat di atas ]]></b:skin>
.teknowarung-vdo { width:100%; max-width:560px; margin:15px auto; } .teknowarung-vdowp { position:relative; padding-bottom:56%; padding-top:0; height:0; background-color:#000 !important; } .teknowarung-vdowp iframe,.seocips-vdowp object,.teknowarung-vdowp embed { position:absolute; top:0; width:100%; height:100%; }04.Masukkan kode dibawah ini ke artikel anda pada HTML sebelah Compose
<div class="teknowarung-vdo">05. Save Template
<div class="teknowarung-vdowp bottomshadows">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/LxuVerR2lFU" width="560"></iframe> </div>
</div>
Keterangan :
Biru : Ganti yang berwarna BIRU dengan video anda. Atau anda bisa mengganti seluruh URL seperti diatas.
Sekarang video youtube terpasang di posting sudah responsif, yang berarti video dapat menyesuaikan ukuran layar apapun. Semoga bermanfaat untuk semua blogger. Terima kasih.