Cara Memasang Video Menjadi Responsive di Blogger

Menyimpan tutorial video di blog sangat bagus  buat mencari penghasilan tambahan untuk para blogger. Kita bisa menyimpannya dalam berbagai website penyedia layanan penyimpanan video seperti Youtube, Vimeo, dailymotion dan lain sebagainya.

Tapi jika video tersebut tidak responsive atau tidak pas saat dalam mode handphone, mungkin akan jadi masalah nantinya. Oleh karena itu saya akan berbagi cara tersebut.

Nah untuk kali ini saya akan mencoba berbagi Cara Memasang Video Youtube Responsive di Blogger. Silahkan ikuti langkah-langkahnya dibawah.

Cara Memasang Video Youtube Responsive di Blogger
Langkah pertama, Masuk atau login ke blog sobat.
Langkah kedua,  Masuk ke menu Tema lalu Edit HTML
Langkah keempat, salin dan masukkan kode tersebut tepat diatas ]]></b:skin> atau <style>

.video {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

Setelah itu kamu masukkan url video dalam html berikut yang dimasukkan dalam post kamu dalam mode HTML ya jangan mode Compose.

<div class="video">
 <iframe width="560" height="315" src="https://www.youtube.com/embed/4L0R4A3oLOg" frameborder="0" allowfullscreen></iframe>
</div>

lalu lihat hasilnya, video tersebut menjadi responsive ketika dalam mode mobile.

Sekian tutorial untuk membuat video menjadi responsive di blogger, jika ada yang ingin kamu tanyakan silahkan berkomentar ya.