3 Cara Memasukkan Video YouTube ke Artikel Blogspot

Cara Embed, Input, Menaruh atau Mengimbuhkan Video YouTube ke Postingan

Bisa dibilang, menyisipkan suatu video yang berasal dari YouTube ke dalam konten blog adalah salah satu trik SEO, -- memperkuat SEO Ranking dari artikel tersebut.

Singkatnya, semakin bagus Ranking suatu artikel, semakin bagus pula trafik organik yang didapatkan.

Sebenarnya, ada 2 cara yang bisa anda pakai. Tapi, berhubung saya lagi "berbaik hati", saya tambahkan salah satu trik lagi, pokoknya mantep deh!

3 Cara Embed Video YouTube ke Artikel Blogspot

Buat dan selesaikan dulu artikel yang ingin anda sisipkan dengan video dari YouTube. Ketuk menu Insert a Video.

Ada 3 opsi (pilihan) yang bisa anda pilih. Apakah itu Upload yang artinya upload dari komputer atau laptop langsung; From YouTube, My YouTube Videos atau From your Phone.

Karena anda berniat menambahkan video dari YouTube langsung di dalam artikel, pilih opsi pada From YouTube.

Tutorial lainnya adalah dengan cara meng-embed video YT ke postingan blog. Caranya seperti berikut:

1. Selesaikan dulu pembuatan artikel sampai tuntas
2. Masuk ke YouTube
3. Ketuk tombol Share, lalu ketuk Embed atau Embeded
4. Copy kode tersebut ke Notepad

Buka lagi artikel yang sudah anda buat barusan. Masuk ke mode HTML (bukan Compose). Paste kode yang anda dapatkan tadi pada lokasi yang anda inginkan.

Nah, ini dia; trik yang saya maksud, salah satu trik paling keren memasangkan video YouTube ke postingan blog.

1. Masuk ke Blogger
2. Ketuk Theme > Edit HTML
3. Copy kode dibawah ini:

.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}

4. Letakkan kode diatas, TEPAT diatas kode </b:skin> atau </stle>
5. Copy kode JavaScript dibawah ini:

<script type='text/javascript'>
//<![CDATA[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>

6. Letakkan diatas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;
7. Simpan template blogger anda

Ok sampai disini, sudah selesai. Selanjutnya, apabila anda ingin memposting suatu video dari YouTube, dan diletakkan di dalam postingan blog anda, gunakan tutorial dibawah ini:

1. Selesaikan konten/artikel yang anda buat
2. Beralih ke mode HTML (bukan Compose)
3. Copas kode dibawah ini, sisipkan di dalam artikel, -- dimana saja sesuai keinginan anda:

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/29sfdf83">
</div>
</div>
</div>

4. Ganti URL pada 29sfdf83 ini dengan URL video dari YouTube

Contohnya seperti dibawah ini:

URL dari video diatas adalah ini: https://www.youtube.com/watch?v=BNHR6IQJGZs. Yang saya butuhkan hanyalah URL pada bagian belakangnya saja, yaitu BNHR6IQJGZs.

Pada tutorial ini, anda baru saja menyelesaikan tutorial cara membuat video YouTube agar Responsive di postingan blog. Ada yang ingin bertanya?