Cara Buat Video Youtube Responsive



Memasukkan video youtube ke dalam postingan blog kita merupakan salah satu cara supaya postingan blog kita terbilang SEO, youtube juga merupakan tempat meng-upload video yang nantinya bisa dimonetasi adsense dan mendapatkan penghasilan dari viewer yang meng-klik iklan di video youtube kita.

Akan tetapi jika kita memasukkan video youtube ke postingan blog kita, itu bisa mengurangi nilai SEO dari blog/web kita, karna tampilan iframe video dari blogger bawaan belum responsive jika ukuran layar pengunjung kecil atau pengunjung mobile.

Untuk itu disini Anitrex mau ngasih cara supaya video youtube yang kamu tambahkan ke postingan bisa responsive ketika postingan dikunjungi oleh mobile visitor, caranya hanya dengan menggunakan CSS.

Berikut adalah cara terbaru memasang video youtube responsive pada postingan:

Masuk ke blogger kamu lalu pilih Template > Edit HTML dan masukkan kode dibawah ini diatas kode </b:skin>

.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}}

Lalu simpan template blog kamu.

Cara memasukkan videonya sama seperti biasa kamu memasukkan video ke postingan masuk ke edit postingan kamu lalu masukkan video dari url youtube yang sudah kamu siapkan, mudah bukan?
Sekian postingan singkat ini semoga membantu nilai SEO blog kamu, dan terimakasih sudah mengunjungi blog ini.

0 Response to "Cara Buat Video Youtube Responsive"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel