Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id, Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tips SEO, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id
link : Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id

Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id

Mengambil embed video langsung dari Youtube dan dipasang apa adanya ke blog (blogspot) merupakan cara termudah untuk menampilkan video tersebut di blog.

Tapi sayangnya pemasangan embed video secara langsung ini menyebabkan tampilan secara mobile akan terpotong, karena iframe video tersebut ternyata tidak mendukung desain yang responsive alias mobile friendly. Untuk membuktikan hal ini, Anda bisa mencobanya sendiri.

Kebanyakan panduan yang diberikan untuk membuat video menjadi responsive menggunakan gabungan script dari javascript, CSS dan html.

Untuk blogger yang kurang begitu paham dengan script, tentu saja ini cukup merepotkan.
Meskipun ada juga yang hanya memakai script CS, namun ternyata tetap harus melakukan perubahan pada kode htmlnya, sehingga mau tidak mau jika embed video sudah terpasang, harus diedit satu persatu.

Selain itu, pemakain kode javascript yang terlalu banyak sebaiknya dihindarkan (ini menurut para Master SEO), salah satunya karena bisa menambah berat beban loading blog.

Baca juga : 4 Kesalahan SEO Blogger Pemula yang sering terjadi

Jika hanya beberapa video yang ada di blog mungkin tidak masalah, tapi jika banyak tentu saja sangat menyita waktu alias merepotkan.

Nah, di artikel kali ini Saya akan memberikan tips pemasangan embed video youtube (yang menggunakan Iframe tentunya) menjadi responsive hanya dengan memasang beberapa baris script CSS dengan tanpa melakukan editing lagi pada setiap kode embed yang telah terpasang.

# Langkah pertama masuk ke dashboard blogspot Anda dan langsung menuju ke HTML template.
# Langkah kedua cari kode berikut : ]]></b:skin>
# Langkah Ketiga Letakkan kode berikut tepat di bawah kode di atas.

<style>
/* iframe video 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}}
</style>

# Langkah Terakhir Kemudian simpan Template Anda.

Coba periksa lagi video yang terpasang di posting blog Anda melalui layar HP, seharusnya jika pemasangan benar, hasilnya, video tersebut akan mobile friendly. Semoga bermanfaat

SUMBER SCRIPT

Demikianlah Artikel Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id

Sekianlah artikel Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Informasi Seputar Blogging : Memasang Video Responsive di Blog Hanya dengan CSS, seosangatmudah.blogspot.co.id, seosangatmudah.blogspot.co.id dengan alamat link http://seosangatmudah.blogspot.com/2016/06/informasi-seputar-blogging-memasang_10.html

Tweet