Cara Memasang Video Youtube Responsif di Blog

Ada banyak blogger yang menanamkan video youtube di blog mereka. Setiap kali menanamkan youtube iframe di blog , Biasanya kita harus memilih ukuran standar untuk pemain atau untuk memasukkan lebar dan tinggi kustom.

Ada teman blogger meminta saya untuk membagikan beberapa tips untuk membuat video youtube responsif.
Cukup ikuti petunjuk di bawah ini dan video youtube Anda akan bekerja paling baik pada resolusi layar berapapun.

Cara Memasang Video Youtube Responsif Di Blog

Berbagi video di blog adalah sumber besar untuk mendapatkan lalu lintas. Anda dapat dengan mudah mengunggah tutorial Anda di youtube dan membaginya.

Berikut caranya:
1. Masuk ke blog kalian - Template - Edit Template
2. Cari kode ]]></b:skin> dan tempatkan CSS berikut di atasnya

 /* Youtube Responsive css */ .v-wrap {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin:12px 40px;} .v-wrap iframe, .v-wrap object, .v-wrap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}

3. Copy dan paste kode dibawah ini di dalam area postingan anda.

 <div class="v-wrap"><iframe allowfullscreen="" frameborder="0" height="340" src="http://www.youtu
4. simpan, dan lihat hasilnya..

Mudah kan..

Artikel Menarik Lainya:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser