Musik merupakan kumpulan bunyi yang menghasilkan nada menyenangkan. Musik biasanya di tampilkan pada pertunjukan atau acara hiburan tertentu, namun sekarang kita bisa mendengarkan musik diberbagai tempat dan waktu.
Beberapa aplikasi mendengarkan musik populer seperti Joox, soundclound, spotify, hingga youtube musik bisa kalian install pada smartphone.
Selain itu, tidak jarang juga kita menemukan website yang membuat musik sebagai backsound dari blognya, blog sejenis ini biasanya tentang anime, novel, manga, hingga koding program juga ada..
Sumber musik yang digunakan biasanya dari youtube diconvert menjadi audio dan ditunjukkan pada blog, biasanya disebut embed musik.
Ingin tahu cara memasang embed musik dari youtube ke blog? kalian bisa cek artikel efek memasang embed musik pada website.
Jika sudah memahami efek dari memasangkan musik pada blog dari youtube, kita lanjut cara memasangnya pada blogger.
Pasang emebed musik dari youtube pada blog blogger.
Memasang widget musik pada blogger dilakukan dengan memasang tag HTML dibawah, pemasangannya bisa kalian lakukan di sidebar, bawah navbar, ataupun footer blog. Tapi disini kita akan pasang musik dari youtube pada widget samping blog, karena lebih mudah dilihat oleh pengunjung.
Baca Juga : Pasang widget recent atau artikel terbaru blogger keren
Berikut ini tutorialnya.
- Masuk ke Blogger.
- Klik menu Tata letak.
- Pilihlah Tambahkan widget yang ada disidebar.
- Akan muncul popup berisi widget yang bisa dipasang pada blog. Cari dan pilihlah HTML/Javascript.
- Akan muncul kembali popup konfigurasi HTML/Javascript seperti dibawah.
- Copy kode embed musik blog dibawah dan pastekan tepat dikolom konten pada popup diatas.
<div data-video="VIDEO_ID"
data-autoplay="0"
data-loop="1"
id="youtube-audio">
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.rawgit.com/mastamvan/backup/master/embedded-audio-youtube.js"></script>
CATATAN Keterangan:
1. VIDEO_ID merupakan id video youtube yang bisa kalian embeded.
2. data-autoplay="0" Merupakan kode untuk membuat musik autoplay atau tidak. Jika tidak ingin musik blog autoplay biarkan saja nilainya menjadi (0) Nol, namun jika ingin autoplay ubah angkanya menjadi (1) satu.
3. data-loop="1" Merupakan kode untuk mengatur lagu yang diputar berapa kali. Jika ingin lagunya diputar tanpa henti (repeat), ubah nilainya menjadi (0) Nol , dan jika ingin lagunya berhenti saat lagu selesai biarkan angkanya (1) satu.
4. Untuk mencari VIDEO_ID kalian bisa cek link videonya. Contoh linknya https://www.youtube.com/watch?v=LvcSJ9bwv5k, nah yang saya tandai warna biru adala idnya.
Bagaimana kerenkan? meskipun belum saya belum berikan sentuhan CSS, tapi cukuplah untuk saat ini dulu. Untuk tampilan akhir lihat screenshots diabwah.
Baca : Cara sembunyikan widget tertentu pada di blogger
Ini saya pasang pada blog dengan tema viomagz dan berhasil dijalankan memasang musik dari youtube ke blog blogger. Sekian dari saya.