Cara Memasang Musik Dari Youtube Ke Blog

memasnag music ke blog

Cara memasukan lagu dari toutube ke blog

Tutorial cara embedded lagu / musik mp3 dari youtube ke blogger, untuk memasnag musik ke dalam website / blog ada banyak cara dan banyak juga situs untuk menerapkan embedded musik yang bisa di play secara otomatis dan menampilkan banyak list lagu yang kalian bisa pilih sesuka hati.

misalnya seperti soundcloud.com,8tracks.com dan yg lainnya, tapi pada kesempatan kali ini saya akan memberikan tutorial untuk menambahkan musik yang diambil dari youtube ke blog kalian. Kalau dari youtube kalian bisa dengan mudah mengupload / mencari lagu / musik kesukaan kalian..

Fitur dari music player yang di embed dari youtub ini kalian bisa membuat lagunya menjadi autoplay (memutar lagu secara otomatis ketika halaman diload)/ memutar lagu manual.

Nah untuk memasnag musik dari youtube ke blog, kalian bisa ikuti tutorial dibawha ini. Untuk memasnag widget musiknya kalian bisa menyimpan di template langsung / di tataletak.

  • Login ke akun blogger kalian
  • Masuk ke → Tata LetakTambahkan Gadget, cari dan buka HTML/JavaScript
  • tataletak blogger
  • Nanti akan ada popup seperti ini.
  • widget html/JavaScript blogger
  • Sekarang copy kode dibawah ini dan masukan ke dalamnya

 <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>
VIDEO_ID : ganti dengan id video youtube yang ingin di embedded audio / musiknya.
data-autoplay="0" : Jika ingin autoplay, Silahkan rubah angka 0 (Nol) menjadi 1.
data-loop="1" : Jika ingin memutar lagunya tanpa berhenti (Repeat), kalian rubah angka 1 menjadi 0 (Nol).
  • Kalau sudah, silahkan save widget dan lihat hasinya n salam tamvan :)

Kalian juga bisa meng-custom tampilannya, menambahkan CSS, HTML, mengganti thumbnail dsb, tapi pada tutorial ini saya tidak menambahkan stylenya, mungkin d lain waktu saya akan tambahkan.

Cukup sekian dan terima kasih, semoga artikel tentang Cara Memasang atau Memasukkan Lagu, musik, audio dari youtube ke Blog ini bermanfaat.

12 komentar
  1. kalau langsung ke konvert gitu langsung dari mp3 gimna bg,, tanpa dari youtube buat lah lagu/vidio yg keren :3

    ReplyDelete
  2. bang tejax saya ingin mengajak anda untuk partner

    ReplyDelete
  3. mastamvan, gimana cara untuk naroh kode script Html,JavaScript,dan CSS yang seperti kotak hitam diatas.

    ReplyDelete
    Replies
    1. sudah ada tutorialnya, silahkan cari.
      .
      cara membuat button css keyboard

      Delete
  4. buat donk untuk versi upload mp3 dimanapun jangan versi youtube

    ReplyDelete
  5. Min tampilan nya gimana coba update blog lagi min 🤔

    ReplyDelete
  6. FOR GOOGLE DRIVE PLEASE FRYEND.

    ReplyDelete
  7. Bagus bisa dengerin musik dari blog :)

    ReplyDelete
  8. Replies
    1. Cukup rubah kode ini

      data-loop="1"
      menjadi
      data-loop="0"

      Delete
  9. Eh maksudnya
    data-autoplay="0"

    Menjadi
    data-autoplay="1"

    ReplyDelete