Cara Agar Video Youtube Responsive Di Blogspot Atau Blogger

- May 27, 2017
Jadi Jutawan Cuma Modal Nulis
Jadi Jutawan Cuma Modal Nulis

Bagi Anda yang baru pertama kali melakukan copy paste embed video Youtube ke blog Anda, lantas video tersebut tidak responsive alias tidak mendukung ukuran mobile, lalu Anda tidak mengerti caranya, maka PAKBAIR akan membantu Anda mengatasi masalah tersebut.

Meskipun Anda tidak mengerti bahasa program, Anda dapat mengikuti langkah sederhana ini. Anda hanya diminta untuk memahami penjelasan dari PAKBAIR.

Buka  Akun Blogger Anda.

Masuk ke template > edit HTML, lalu cari kode </style> (untuk lebih cepatnya, gunakan Ctrl+F dan cari kode tersebut).

Letakkan kode di bawah ini tepat di atas kode </style>

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

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


Contohnya seperti berikut;


Kemudian, Save Template.

Di setiap embed code Youtube yang Anda gunakan, berilah kode berikut ini tepat di atas embed code Youtube tersebut.

 <div class='video-wrapper'> 

Contohnya;


Publikasikan dan selesai.


EmoticonEmoticon

 

Ketik lalu cari artikel yang kamu suka