Cara Paling Simpel Menciptakan Video Youtube Responsive Di Blogspot

Cara Paling Gampang Membuat Video Youtube Responsive di Blogspot – Sebelumnya Admin telah memperlihatkan banyak tutorial yang berkaitan dengan youtube. Seperti membuat tampilan youtube keren abis, youtube berputar otomatis, teknik embed youtube, dan bagaimana cara mengakibatkan video youtube jadi full responsive dengan memakai arahan java script.

Walaupun pembahasan ini sedikit banyak mempunyai kesamaan dengan tutorial menciptakan tampilan embed video youtube responsive sebelumnya, tapi cara yang bakal Admin bagikan kali ini jauh lebih praktis untuk di terapkan dan praktis untuk di praktekkan. Serta sangat ringan untuk di pasang pada blog kesayangan agan aganwati sekalian, alasannya trik menciptakan video jadi responsive kali ini tidak memakai arahan java script tapi murni hanya memakai arahan CSS saja.

Bagaimana apakah kalian tertarik, jikalau kalian ingin tau menyerupai apa tampilan video youtube yang di embed dengan memakai trik ini. Teman-teman ngak usah jauh-jauh atau resah melihat blog demonya. Karena blog yang sedang kalian kunjungi ketika ini juga memakai cara ini. 

Masih tidak percaya kalau dengan memakai teknik ini video apapun yang sobat embed sanggup menjadi full responsive dan sanggup secara otomatis menyesuaikan lebar alat yang di gunakan untuk mengaksesnya. Silakan kalain cek salah satu postingan kami yang di dalamnya ada video yang di sematkan, salah satunya Cara Terbaru Membuat Akun Email Gmail Tanpa Verifikasi.

Jika kalian ingin mencoba, dan ingin membuktikannya secara pribadi kalau dengan memakai cara ini semua jenis video yang sobat embed jadi responsive alias sanggup menyesuaikan lebar semua perangkat yang mengaksesnya secara otomatis, silakan ikuti langkah-langkah di bawah ini.

Tutorial Lengkap Cara Membuat Video Youtube Responsive di Blogspot Hanya Dengan Kode CSS

Pertama, silakan kawan-kawan login terlebih dahulu ke akun bloggernya masing-masing.

Pada halaman dashboard blogger, klik template (tema) >>> Edit HTML >>> Lalu cari arahan “]]></b:skin>” tanpa tanda kutip. 

Tips : Supaya lebih praktis menemukan arahan “]]></b:skin>” dalam template blogspot kalian. Klik di sembarang daerah di dalam area arahan kemudian tekan CTRL+F. Setelah itu akan muncul di pojok kanan atas kotak untuk memasukkan kata-kata yang ingin kalian cari. Pastekan arahan tadi di kotak yang di sediakan kemudian ekan Enter. 

Setelah itu kalian akan melihat arahan “]]></b:skin>” yang di beri warna kuning. Jika pada template blogger yang sobat pakai tidak ada arahan ini, maka solusinya cari arahan </style>.

Setelah kalian menemukan arahan tersebut, copy pastekan script CSS di bawah ini sempurna di atasnya.

/* CSS Only */
.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}}

Supaya lebih jelas, silakan kawan-kawan lihat gambar di bawah ini.

Keterangan :

No 1 : Tempat memasukkan arahan pencarian

No 2 : Tempat meletakkan arahan CSS youtube responsive.

Klik simpan template.

Selesai, mulai ketika itu juga semua jenis video yang sobat embed bakal menjadi responsif, untuk mengambarkan kebenarannya. Kawan-kawan sanggup pribadi praktek, jikalau ada duduk perkara atau saran yang bersifat membangun, silakan masukkan pada kotak komentar di bawah ini.

Demikianlah gosip terbaru yang sanggup Admin persembahkan untuk pengunjung setia blogtipsintrik.com mengenai “Cara Paling Gampang Membuat Video Youtube Responsive di Blogspot”, terima kasih agar bermanfaat.

Tweet

Subscribe to receive free email updates: