Cara Memasang Video Youtube di Halaman sidebar blog

Share

Kali ini dradroid akan memberikan tip cara memasang video youtube di halaman blog dibagian sidebar. seperti contoh gambar dibawah ini :

 

Langsung saja, berikut tahapan agar link video youtube yang kita inginkan muncul di halaman blog kita dan autoplay 

1. Buka video youtube yang ingin kita tampilkan di halaman blog kita, bisa video milik orang lain atau video milik kita sendiri.
2. Copy/Salin kode link embed video youtube  dengan cara klik share dan pilih tab embed, Perhatikan gambar dibawah ini :
    
3.  Kode yang telah di copy akan terlihat seperti ini :

 <iframe width="560" height="315" src="https://www.youtube.com/embed/kPOxREjkduw" frameborder="0" allowfullscreen></iframe>

      4. Untuk memudahkan silahkan simpan dulu kode tersebut di notepad.
      5. Buka halaman dashboard blogger anda, kemudian masuk ke tata letak atau layout.
          kemudian di bagian sidebar tambahkan gadget baru, pilih yang HTML/JavaScript

 

       6. Kemudian Paste/Tempelkan kode embed youtube yang sudah kita copy sebelumnya, dibagian content, kemudian save.

      7.  Silahkan atur ukuran frame, sesuai yang diinginkan, sebelumnya ukuran frame ketika kita copy kode embed adalah width ="560", dan height="315", disini saya rubah menjadi kotak dengan ukuran width ="300", dan height="300".   

    8. Simpan settingan layout/tataletak di bloger, setelah kita menambahkan gadget HTML/JavaScript di bagian sidebar. Silahkan lihat hasilnya di blog anda.

Jika ingin video menjadi autoplay ketika kita membuka alamat blog, maka tinggal tambahkan kode dibawah ini ke kode embed youtube tadi tepat setelah link youtube didalam kode embed, dan pastikan didalam tanda kutip.

berikut kode yang harus ditambahkan :

?rel=0&amp;autoplay=1

sehingga, kode yang di paste/tempel ke content gadget HTML/javaScript menjadi seperti dibawah ini:

<iframe width="300" height="300" src="https://www.youtube.com/embed/kPOxREjkduw?rel=0&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>

bagian text yang merah, adalah kode yang ditambahkan agar video autoplay. Jangan lupa simpan dan lihat hasilnya.
Autoplay hanya berjalan di browser versi desktop, di versi mobile tetap manual untuk menjalankan nya.
Text biru diatas adalah link youtube dalam kode embed, teman teman bisa ganti link tersebut dengan link yang berbeda, jika ingin mengganti video, tampa melakukan step-step diatas, cukup link nya saja yang diganti.
Demikian tip cara memasang video youtube di halaman sidebar blog, semoga bermanfaat.

Salam
dradroid