√ Cara Menyisipkan Video Youtube Di Blog/Website ( Responsif Di Semua Ukuran Layar )

Menambahkan video Youtube di Blogg/website merupakan salah satu cara yang biasa dilakukan oleh seorang Blogger dan Youtuber Untuk meningkatkan SEO channel Youtube maupun Bloggnya. Tentunya hal ini akan menciptakan Channel youtube lebih dikenal sekaligus meningkatkan jumlah Viewers.

Selain itu, dengan adanya Video youtube Di Blogg tentunya mengakibatkan nilai Plus bagi pemiliknya sekaligus akan lebih SEO lantaran menyediakan bahan yang lengkap dengan di suguhkan tampilan video yang sesuai.

Untuk menambahkan Video di Blog ataupun Website sangatlah gampang sekali anda dapat menerapkanya dengan simple.

Dibawah ini saya akan menjelaskan tips untuk embed video youtube untuk di tampilkan di blogg/website biar terlihat profesional, menarik dan tentunya lebih SEO untuk Blogg.

Cara EMBED Video YouTube di Blog dan Website
Untuk menampilkan video youtube di blog ataupun di website, langkahnya ialah anda harus mendapat arahan embed Video Youtube yang akan di tampilkan di Blog.
Perhatikan caranya:
1. Buka Youtube.com 
Kemudian carilah video Yang akan anda tampilkan di Blog/website.
Anda juga dapat memakai video Channel anda sendiri untuk ditampilkan di Blog/website.
2. Jika sudah memilih Video Yang akan anda tampilkan di Blog, selanjutnya anda Klik Share lalu Klik Embed. Lebih jelasnya silakan anda lihat gambar dibawah ini:

3. Setelah anda klik embed maka akan muncul arahan embed pada kolom. Kemudian silakan anda COPY arahan tersebut, alasannya ialah nanti akan kita gunakan di postingan Blog.
Silakan lihat gambar

Contoh arahan embed ialah ibarat ini :

<iframe width="560" height="315" src="https://www.youtube.com/embed/EO0g7YMyfio" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

CARA PASANG KODE EMBED DI BLOG ATAU WEBSITE
Setelah anda mendapat arahan embed dari video youtube, selanjutnya silakan menuju ke postingan Blog/website ibarat biasa anda akan posting. Namun pada ketika anda akan menaruh arahan embed video, maka Anda harus mengubah tampilan postingan ke HTML untuk menyisipkan Kode Embed tersebut.
Silakan lihat gambar

Silakan sisipkan arahan embed tersebut kedalam postingan yang anda kehendaki.

Cara EMBED video Youtube Di Sidebar, Footer, dll
Untuk anda yang ingin menyisipkan Video Youtube Di blog/website ibarat di sidebar, bawah postingan, Footer ataupun yang lainnya, maka anda tinggal menaruh arahan embed tersebut ke tata letak/layout.
Untuk lebih jelasnya silakan perhatikan langkahnya.
1. Silakan anda login ke blogg/website terlebih dahulu.
2. Pilih layout/tata letak
3. Tambahkan widget
4. Pilih  Html/Javascript
selanjutnya anda paste/tempel arahan embed youtube tersebut di kolom html/javascript yang anda buat.
5. Klik Simpan
6. Selesai

Anda juga dapat menampilkan video youtube sempurna dibawah postingan blogg.
Caranya
1. Silakan anda mnuju EDIT HTML
2. Cari arahan :

<data:post.body/>

Untuk kode <data:post.body/> biasanya lebih dari 1. Jika ada 3 maka letakan arahan embed video di bawah arahan <data:post.body/> yang kedua.
Jika hannya ada 1 maka letakan saja sempurna di bawahnya.

Pada ketika anda akan menempelkan arahan embed video maka tambahkan arahan berikut ini:

<div>
Kode embed disini
</div>

Silakan anda ganti teks kode embed disini dengan arahan embed yang anda copy.
3. Terakhir simpan.

Nah.. Setelah anda menempelkan arahan embed tersebut maka sudah dipastikan dapat menampilkan video youtube di Blog/website. Namun untuk tampilan layar terkadang tidak responsif dengan template yang anda gunakan.

Jika template anda sudah support dengan embed video, maka sudah dipastikan tampilan video dapat menyesuaikan semua ukuran layar.

Namun bila tampilan video di Blog/website kurang responsif. Maka silakan anda tambahkan script di bawah ini dan letakan diatas arahan </body>.
Caranya:
1. Silakan anda menuju ke Edit HTML
2. Cari arahan berikut ini :

 </body>

3. Jika sudah ketemu silakan copy arahan dibawah ini dan letakan di atas arahan  </body>

<script> //<![CDATA[ /* Youtube Responsive by syilent.blogspot.com */ var youtube = $('iframe[src*="youtube.com"]'); youtube.each(function() { $(this).attr('aspectRatio', this.height / this.width).attr('style', 'width:100%'); }); $(window).resize(function() { youtube.each(function() { $(this).attr('height', $(this).width() * $(this).attr('aspectRatio')); }); }).resize(); //]]> </script>

4. Silakan anda simpan
5. Selesai

Nah itulah cara untuk menampilkan video youtube di blogg maupun di website dengan mudah...
Cara ini sangat responsif di tampilan ukuran layar manapun.
Semog bermanfaat.
Sumber https://syilent.blogspot.com/

Berbagi :