Test Footer

16 Mei 2016

Cara Memasang Embed Video Youtube ke Postingan Blog/Blogger/Blogspot

Cara Memasukan Video Youtube di Postingan Blogger
Beberapa blog seringkali menampilkan video Youtube didalam postingannya, misalnya blog tentang Film, Musik, Game, dimana ditampilkan trailer-trailer disitu atau postingan tutorial yang memerlukan video. Sebelumnya juga sudah pernah membagikan mengenai cara memasukan video Youtube ke dalam postingan dan cara membuat Youtube video efek popup.

Memang ada banyak cara yang dapat dilakukan untuk memasukan video ke dalam postingan blog tapi menurut saya inilah cara yang cukup mudah. Dalam memasukan video ke blog ini kita tidak perlu mengunggah video dimana memakan waktu yang lama jika ukuran videonya besar, tapi kita hanya memerlukan url/link videonya saja. Ok sobat Berikut adalah...



Cara memasukan video youtube di postingan Blog

1. Dalam Potingan Masuk ke Mode HTML (Bukan Compose)
2. Masukan kode dibawah ini:
<div style="text-align: center;">
<iframe allowfullscreen="" src="//www.youtube.com/embed/62E4FJTwSuc" height="375" width="100%"></iframe></div>
3. Pada bagian berwarna merah di atas adalah kode video di Youtube, misalnya kodenya adalah seperti gambar di bawah ini (Masuk ke Youtube.com dan pilih video yang ingin kamu taruh di blog, perhatikan linknya dan copy kode videonya).

Cara Memasukan Video Youtube Terbaru

4. Jika sudah tinggal Publikasikan dan lihat hasilnya.

Mungkin Load Video diatas agak lama, jika sobat ingin tahu cara mempercepatnya silahkan baca artikel selanjutnya yang berjudul cara mempercepat loading video Youtube.

Update 2016! Cara memasukan video Youtube Responsive

1. Dalam Potingan Masuk ke Mode HTML
2. Masukan kode dibawah ini:
<style>
.seocips-vdo { width:100%; max-width:560px; margin:15px auto; }
.seocips-vdowp { position:relative; padding-bottom:56%; padding-top:0; height:0; background-color:#000 !important; }
.seocips-vdowp iframe,.seocips-vdowp object,.seocips-vdowp embed { position:absolute; top:0; width:100%; height:100%; }
</style>
<div class="seocips-vdo">
 <div class="seocips-vdowp bottomshadows">
 <iframe width="560" height="315" src="https://www.youtube.com/embed/LxuVerR2lFU" frameborder="0" allowfullscreen></iframe> </div>
</div>
3. Pada bagian berwarna merah di atas adalah kode video di Youtube, cara mendapatkannya sama seperti cara pertama di atas.
4. Jika sudah tinggal publikasikan dan lihat hasilnya.

Ok sobat sekian mengenai cara memasukan video Youtube ke postingan blog, semoga bermanfaat.

Post Comment