Cara Menampilkan Video Youtube Responsive Di Blogger
Assalamu'alaikum warohmatullahi wabarokatuh. Dalam posting kali ini aku akan membahas perihal cara menampilkan video youtube di posting blogspot. Berbeda dengan video youtube biasa yang tampil pada halaman-halaman yang teman temukan di blog lain, namun ini video youtube tampil dengan lebih responsive. Artinya ukuran lebar sesuai dengan di piranti apa halaman tersebut ditampilkan.
Keuntungan memasang video youtube yang responsive di blog yaitu biar video yang tampil di posting blog menyesuaikan ukurannya dengan ukuran lebar dari tampilan blog. Jika tidak memakai video responsive kira-kira video yang dipasang di blog dapat melebar melewati batas bab posting.
Nah, untuk menampilkan video di posting blog secara responsive pertama-tama buka dashboard blogger sobat, sesudah itu masuk pada bab Template kemudian pilih Edit HTML.
Setelah itu tambahkan arahan berikut ini diatas
]]></b:skin> atau diatas arahan </style>./* Responsive Youtube [Personal Change] */ .post-body iframe{width:100%!important;} @media screen and (max-width:960px){ .post-body iframe{max-height:90%}} @media screen and (max-width:768px){ .post-body iframe{max-height:75%}} @media screen and (max-width:600px){ .post-body iframe{max-height:60%}} @media screen and (max-width:480px){ .post-body iframe{height:auto!important;max-height:auto!important}}Mungkin cukup sekian dari saya, semoga dapat bermanfaat, bila ada yang ingin teman tanyakan silakan sampaikan pada kotak komentar yang ada dibawah atau dapat juga melalui halaman contact blog ini. Terima kasih.
