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>
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%;
}
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