Cara Memasukan / Embed Video YouTube Responsive di Blogger

Youtube menjadi salah satu situs Website video terpopuler dan menjadi favorite bagi banyak orang. Kita dapat mencari dan menemukan beragam video di sana. Disamping itu, kamu juga dapat menghasilkan uang dari Youtube, dengan cara mengelola Channel YouTube .

Tidak jarang Blogger Indonesia banyak yang menjadi youtuber sekaligus mengelola blog. Banyak youtuber yang memiliki blog untuk sebagai media promosi videonya. Kamu dapat Memasukan video hasil buatan kamu ke dalam blog pribadi.

Kamu dapat dengan mudah memasukan video YouTube ke dalam blog. YouTube sudah memberikan fitur untuk embed video. Namun hasil embed tersebut belum Responsive.

Pada kesempatan kali ini penulis akan memberikan sedikit tutorial singkat Cara Mudah Memasukan / Embed Video YouTube Responsive di Blogger. Jika kamu tertarik untuk memasangnya, kamu bisa simak dalam tutorial berikut ini.

Tutorial

1. Log in ke akun Blogger  – Tema  – Edit Html.

PicsArt 11 03 08.44.42

2. Masukan kode Javascript di bawah ini dan taruh tepat sebelum kode </body>

Screenshot 2019 11 08 13 38 47 com.android.chrome min

<script> //<![CDATA[
/* Youtube Responsive*/
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>

3. Simpan Tema.

4. Buka aplikasi/situs YouTube  – Cari dan pilih video yang ingin di masukan ke dalam blog.

5. Jika sudah menemukan video nya, pilih Bagikan  – Sematkan  – Lalu copy kode script nya.

PhotoGrid 1573208424736 1

6. Buka Blogger – buat postingan artikel baru dan masuk ke mode HTML bukan Compose lalu pastekan kode tadi.

7. Selesai.

Berikut adalah hasil Video YouTube Responsive yang telah di Embed ke dalam Blogger.

Screenshot 2019 11 08 14 02 33 com.android.chrome min 1 1

Sekian tutorial Cara Mudah Memasukan / Embed Video YouTube Responsive di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

2 Comments

2 Comments

  1. Wando ArM

    Desember 12, 2020 at 12:52

    Mantap gan! work!

  2. Ibnu salim

    Juli 1, 2021 at 16:39

    Kalau upload video dari penyimpanan hp ke blog bagaimana ?

Leave a Reply

Your email address will not be published. Required fields are marked *

Leave the field below empty!

Trending Minggu Ini

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed

Inwepo Navigasi

Tentang Kami             Beranda

Hubungi Kami             Panduan Penulis

Kebijakan Privasi

FAQ

Partner

Copyright © 2014 - 2024 Inwepo - All Rights Reserved.

To Top