Tips 1 - Agar Embed Iframe Video Tetap Responsive

Tips 1 - Agar Embed Iframe Video Tetap Responsive

Pada tiap XML sudah aku letakan css div. Saat mengedit postingan, pastikan dalam mode HTML. Jangan dalam mode compose.
<div class="embed-container"> kode iframe yang perlu agan edit. Div yang atas dan bawah, jangan dihapus. agan hanya perlu mengubah kode iframenya dengan embed iframe dari vidoza atau openload </div>

Yang agan harus lakukan adalah, pada tiap akan setup sebuah blogspot baru, agan perlu mengedit sedikit themenya. kemudian menambahkan code css dibawah ini pada theme agan. Hal ini dilakukan agar embed video menjadi responsive mengikuti ukuran layar pengunjung/visitor blog. Jika akses via HP, maka ukuran iframe embed video akan ikut mengecil.
.embed-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .embed-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

Tiap tiap template blogspot posisi css berbeda-beda. Jika agan menggunakan template blogspot standar yang telah disediakan dari blogspotnya, cara menambah css lihat screenshot dibawah ini, jika agan menggunakan theme standart dari blogspot.

Untuk template yang lain, agan harus cari letak css. Masuk ke Theme > Edit HTML

Kemudian agan cari kode </style> dengan bantuan CTRL+F
Letakan kode diatas sebelum</style>

Mau diskusi/tanya jawab, agan bisa gabung group FB.