Skip to main content

Cara Memasang Musik dan Lagu di Blog

Blog atau website sangat kaya akan konten. Berbagai macam konten seperti tulisan, gambar, tabel, video, musik, lagu dan konten lainnya merupakan komponen yang tidak dapat dipisahkan dari sebuah blog dan website. Dan satu di antaranya adalah konten berupa musik atau lagu, di mana kita bisa memasang musik dan lagu yang kita suka di blog atau website kita.

Memasang Musik dan Lagu di BlogMusik dan lagu bisa dipasang pada postingan blog atau di widget blog atau di manapun kita suka memasangnya asalkan memasang kode HTML dengan benar pada blog .

Banyak sekali penyedia musik player yang bertebaran di internet yang dapat kita pasang pada blog kita. Namun kali ini kita akan bahas cara memasang musik dan lagu di blog dengan kode HTML yang sederhana, yaitu cara paling dasar dengan menggunakan kode HTML.

Embed Musik Dengan Kode HTML

Berikut di bawah ini adalah caranya:
  • Masuk ke dalam "Dashboard".
  • Klik "Tata Letak".
  • Lalu klik "Tambah Gadget".
  • Pilih "HTML/JavaScript".
  • Lalu copy/paste kode yang ada di bawah dan "simpan".
  • Ganti value dari "src" yang berwarna hijau yaitu alamat url musiknya.
<embed autoplay='true' height='50' width='100' src="http://media.shax-dag.ru/Music/users/music___130417_7.mp3"></embed>

Ganti URL musik pada attirubute "src" yang berwarna hijau dengan URL lagu yang kita punya. 

Alamat url musik yang tersedia apa adanya dan tidak dirubah, harus berakhiran dengan format file musik, seperti .mp3, .wav, .ogg, dsb. Seperti kode di atas yang berwarna merah.

Browser harus support dengan file musik dan player musik yang dipasang atau sudah terinstal pluggin Quicktime player.

Embed adalah tag HTML yang berfungsi untuk memasang konten eksternal (Dari website/server lain).

Memainkan Musik Autoplay atau Otomatis

Kadang kita ingin musik atau lagu yang ada di blog kita memutar dengan sendirinya atau otomatis bermain ketika blog atau website dikunjungi.
Untuk melakukan hal seperti itu pada tag embed kita hanya tinggal pasang attribute autoplay.

Attribute "autoplay" adalah cara bagaimana lagu atau musik dimainkan.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • autoplay='true' untuk memainkan musik secara otomatis.
  • autoplay='false' untuk memainkan musik dengan kontrol play.

Mengatur Ukuran dari Player Musik

Ukuran dari Music Player adalah penting. Ukuran default dari music player tidak selalu pas dengan ukuran blog yang ingin kita pasang. Maka dari itu ukuran player dapat kita atur sesuai yang kita inginkan agar music playernya tidak saling bertabrakan dengan konten/elemen lain di blog dan lebih enak dipandang.

Untuk mengaturnya kita hanya menambahkan attribute width dan height pada tag embed.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • 'height' untuk mengatur tinggi.
  • 'width' untuk mengatur lebar.

Mengambil Url Lagu dari Mp3skull

Masuk ke website Mp3Skull.com
Kemudian search lagu sesuka hati.

Cari Url Lagu dan Musik


Klik "Download" dan akan keluar tab baru yang akan memainkan lagu.

Download Lagu


Pada bagian url dibrowser cek url lagu yang berakhiran .mp3

Url Lagu dan Musik

Copy dan pastekan pada attribute src.



Semoga berhasil..
Mungkin sekian cara memasang musik dan lagu di blog dengan kode HTML, semoga dapat membantu.

    Comments

    1. Replies
      1. saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL JITU DISINI












        saya mengucapkan banyak terimakasih kepada MBAH KABOIRENG yang telah menolong saya dalam kesulitan,ini tidak pernah terfikirkan dari benak saya kalau nomor yang saya pasang bisa tembus dan ALHAMDULILLAH kini saya sekeluarga sudah bisa melunasi semua hutang2 kami,sebenarnya saya bukan penggemar togel tapi apa boleh buat kondisi yang tidak memunkinkan dan akhirnya saya minta tolong sama MBAH KABOIRENG dan dengan senang hati MBAH KABOIRENG mau membantu saya..,ALHAMDULIL LAH nomor yang dikasi MBAH KABOIRENG semuanya bener2 terbukti tembus dan baru kali ini saya menemukan dukun yang jujur,jangan anda takut untuk menhubungiya jika anda ingin mendapatkan nomor yang betul2 tembus seperti saya,silahkan hubungi MBAH KABOIRENG DI 082=322=212=111 ingat kesempat tidak akan datang untuk yang kedua kalinga dan perlu anda ketahui kalau banyak dukun yang tercantum dalam internet,itu jangan dipercaya kalau bukan nama MBAH KABOIRENG KLIK TOGEL JITU DISINI

        Delete
    2. Replies
      1. bisa kok gan, nih cek blog ku

        ioscr4ck.blogspot.com

        Delete
    3. masi bingung gan.. kasi pencerahan dong ...

      ReplyDelete
    4. infonya sangat menarik gan,.. ane tunggu kunballnya yha gan
      Agen Bola
      jangan lupa mampir gan :D thank you.

      ReplyDelete
    5. gan nambahkan playlist g mna crax gan.....

      ReplyDelete
    6. begini gan..klaw mau brhasil..kedengarannyaa lagunyaa///idm hrus uninnstall

      ReplyDelete
    7. Oke, mantap Gan, tapi kalau untuk mengulangnya gimana ya Gan, Terima Kasih dan Salam Kenal...

      ReplyDelete
    8. tadi barusan sudah dicoba tapi gak bisa-__-

      ReplyDelete
    9. Kalo di postingan (artikel) blognya gimana?

      ReplyDelete
    10. Thanks gan, membantu banget nih buat pemula

      ReplyDelete
    11. yg masih bingung sini gw ajarin
      copas html diatas yg kek gini



      trus dari http sampe 7. (sebelum kata mp3) apus diganti sama url lagu kita

      contoh


      dah jadi save di html

      ReplyDelete
    12. ga bisaaaa... giamana sii?

      ReplyDelete
    13. This comment has been removed by a blog administrator.

      ReplyDelete
    14. sukses,,, trimakasih. tinggal copas code embed di HTML/javascript dan simpan Sudah selesai. bila mau ganti musiknya tinggal ganti link lagunya. mudah sekali.

      ReplyDelete
    15. terima kasih gan infonya. membantu banget.
      untuk yang masih bingung bisa lihat disini, sangat mudah dan disertai gambar langkah perlangkah.

      http://mfatdib.blogspot.com/2013/12/cara-memasang-lagu-di-blog-dengan-mudah.html

      ReplyDelete
    16. Sip infonya gan. Dicoba dulu, mudah - mudahan berhasil. Trims... :)

      ReplyDelete
    17. thanks gan..... ane berhasil.... muantep!!

      ReplyDelete
    18. koq saya gabisa disave gan?

      ReplyDelete
    19. Cara Pasang Musik Di Blog Dengan Google Site Dan Tidak Terlihat
      link:

      http://killua-zoldyck-x7.blogspot.com/2013/12/cara-pasang-musik-di-blog-dengan-google.html

      ReplyDelete
    20. browsernya harus yg mensupport ya?? okesip

      ReplyDelete
    21. makasi banget infonya gan...
      postingan ini sangan berguna buat ne yang masih newbie

      ReplyDelete
    22. mantab ilmunya gan

      www.wongpasar.com

      ReplyDelete
    23. Thanks For Share ^^

      ReplyDelete
    24. matap gan kunjungin web kami juga ya
      http://mycheat21.blogspot.com/
      free download , software,games,big games, mini games ,cheat games online dan offline salam sesama bloger

      ReplyDelete
    25. Tolong saya,, saya ingin lagu iwan fals di putar otomatis di blog, gmn caranya ??

      ReplyDelete
    26. lagu nya cuma bisa 1 aja ya gan ?

      ReplyDelete
    27. Thanks gan, blog gua sekarang udah ada lagunya :D

      ReplyDelete
    28. Makasih Gan, Sangat membantu

      ReplyDelete
    29. makasihh gan, rinciannya jelas
      akhirnya mp3 streamingnya berhasil

      ReplyDelete
    30. gan, cara hapusnya gmn, htmlnya udah ilang, tapi musicnya masi ada,,,

      ReplyDelete
    31. makasih gan, saya berhasil mengaplikasikannya

      ReplyDelete
    32. Thank`s gan atas pemberitahuanya

      ReplyDelete
    33. SIIP mas bro http://luiknalpot.blogspot.com/
      tapi biar hidden gmana ya? juga muter terus lagunya bro ?
      thank's

      ReplyDelete
    34. ane coba di web offline
      need plugin to display this content.

      ReplyDelete
    35. makasih infonya bos, saya testing dulu

      ReplyDelete
    36. trims gan
      jgn lupa kunjungi juga gan blog saya

      ReplyDelete
    37. makasih banyak buat infonya gan,,, sangat bermanfaat andnambah wawsan lagi.. Good Job :-)

      http://obatherbalampuh.com/

      ReplyDelete
    38. Makasih gan untuk tutornya, sangat membantu :)

      ReplyDelete
    39. makasih banyak buat infonya

      http://goo.gl/0bvO1h

      ReplyDelete
    40. Makasih gan untuk informasi tutornya :)

      ReplyDelete
    41. Sudah dicoba gan tapi masih bingung, untuk langkah pertama dan kedua undah bisa, tapi link lagunya kok engga bisa dimasukin ya?..dan punya aku awal msuk blog bisa bunyi, tapi kalo membuka postingan musiknya jadi mati? kenapa ya gan..mohon pencerahanx..makasih.

      ReplyDelete
    42. Thanks sob informasinya :)
      http://goo.gl/VqcROy

      ReplyDelete
    43. Thanks sob artikelnya, sangat bermanfaat sekali
      Izin nyimak saja sob :)

      ReplyDelete
    44. apa akan memperlambat proses loadingnya gan? jilbab instan murah

      ReplyDelete
    45. salam kenal gan dan jangan lupa kunjungi web kami http://obatambevenatauwasir.blogspot.com/

      ReplyDelete
    46. the information is really useful for me ....
      and I wait for your next information is even better,,,,
      Thank you ...

      Also visit our website ⇛ motor | mobil | otomotif | modifikasi

      ReplyDelete
    47. Mantap deh Gan,informasinya sangat membantu banget. Khusunya buat saya nich,yang masih gaptek pisan.

      ReplyDelete
    48. Terimakasih atas informasinya :) semoga sukses slalu .. Ditunggu informasi menarik selanjutnya :) senang berkunjung ke website anda, terimakasih. sekali lagi thanks.

      ReplyDelete
    49. Nice share nih juragan.. keep posting, semoga postingannya selalu memberikan banyak manfaat untuk banyak orang. amiiinnn.. ^_^

      ReplyDelete
    50. makasih yah atas informasinya, jangan lupa kunjungi blog aku juga.
      QUEENXXX92

      ReplyDelete
    51. trmksh mas, dh berbagi ilmunya tentang cara memasang musik dan lagu di blog, salam hangat dari saya theresia admin blog Honorer

      ReplyDelete
    52. MAS Kok Di akunku menu barnya gag bisa bisa ya

      http://otakuindonesia-tv.blogspot.co.id/

      ReplyDelete
    53. masih bingun mas caranya. bisa lebih detail lagi gak?

      ReplyDelete
    54. Mas kalo uplod musik secara masal bisa gak?

      ReplyDelete
    55. https://www.reverbnation.com/todayfortogetherband/song/25241919-tempat-tujuan

      ReplyDelete
    56. Hai all, ada promo baru nih dengan bayaran lumayan, cukup posting atau tulis review Anda akan mendapat bayaran tanpa batasan. Semakin banyak Anda posting atau menulis review maka semakin besar bayaran yang Anda terima. Untuk informasi lebih lanjut silahkan cek link ini ya guys: http://casinofounder.com/promosi/?lang=id


      ReplyDelete
    57. aku kok gx iso masss? tlng bntuannya gan
      makasih bangeet

      ReplyDelete
    58. Terimakasih infonya, sangat bermanfaat sekali

      Jangan lupa kunjungi -> http://raja-alatantrian.blogspot.co.id/ untuk anda yang mencari alat antrian dan alat survey pelanggan yang lengkap, atau juga bisa hub kami 082150065758 , pin 2a9be37c

      ReplyDelete
    59. Dejavu ya gan...
      permisi...isen-iseng berhadiah nich gan...siapa tahu agan pemenang nya...
      mari kita ramaikan KONTES SEO berhadiah 80juta, (h) (h) (h)
      hadiah yang sangat fantastis,untuk selengkap nya bisa di baca di,
      http://favouritenewss.blogspot.co.id/2016/05/pokerpelangipoker-bandar-q-bandarqq.html

      Di bantu sundul y gan..up :)) up :-bd (o)

      ReplyDelete
    60. Saya Suka sekali dengan blogg ini..
      Thanks atas infonya min

      ReplyDelete
    61. https://arykurniawan96.blogspot.com kunball gan

      ReplyDelete
      Replies
      1. SAYA SEKELUARGA INGIN MENGUCAPKAN BANYAK TERIMAH KASIH KEPADA AKI NAWE BERKAT BANTUANNNYA SEMUA HUTANG HUTANG SAYA SUDAH PADA LUNAS SEMUA BAHKAN SEKARAN SAYA SUDAH BISA BUKA TOKO SENDIRI,ITU SEMUA ATAS BANTUAN AKI YG TELAH MEMBERIKAN ANKA JITUNYA KEPADA SAYA DAN ALHAMDULILLAH ITU BENER2 TERBUKTI TEMBUS..BAGI ANDA YG INGIN SEPERTI SAYA DAN YANG SANGAT MEMERLUKAN ANGKA RITUAL 2D 3D 4D YANG DIJAMIN 100% TEMBUS SILAHKAN HUBUNGI AKI NAWE DI 085-218-379-259 ATAU KLIK SITUS DANA GAIB

        Delete
    62. I was very impressed by this post, this site has always been pleasant news. Thank you very much for such an interesting post. Keep working, great job! In my free time, I like play game: superfighters2.net. What about you?

      ReplyDelete
    63. I would like to thank you for the efforts you have made in writing this article.
      sushi-cat2.com

      ReplyDelete
    64. Thank you for giving us the knowledge of what you have described. do not forget to visit our website :

      Agen Judi Poker
      Poker88
      Bandar Ceme Online
      Jayapoker
      Afapoker
      Nonton Movie

      ReplyDelete
    65. Alot of blogs I see these days don't really provide anything that I'm interested in, but I'm most definately interested in this one. Just thought that I would post and let you know. Nice! thank you so much! Thank you for sharing.
      www.baixar-whatsapp-gratis.com.br

      ReplyDelete

    Post a Comment

    Popular posts from this blog

    Cara Membuat dan Memasang Link di Blog

    Cara membuat link di Blogger atau website bisa dilakukan dengan dua cara, yaitu dengan metode "Compose" atau dengan metode "HTML".
    Link bisa berupa kata, kalimat, barisan kalimat, atau juga sebuah gambar/foto. Link bisa menuju ke alamat website/blog lain, menuju alamat dari website/blog yang sama, dan juga bisa pada satu halaman website/blog yang sama.

    Metode Compose
    Ketikan kata atau kalimat yang akan dibuat sebuah link, kemudian "blok" menggunakan mouse sehingga kata atau kalimat itu tersorot. Setelah itu klik "Link" dan akan muncul jendela seperti di bawah ini.


    Text to display adalah kata atau kalimat yang akan dijadikan sebuah link.
    Web addres adalah alamat website tujuan dari link tersebut. Contoh: http://otodidakers-tutor.blogspot.com/2013/05/cara-membuat-link-di-blog.html
    Email address adalah untuk membuat link yang tujuannya untuk mengirim e-mail. Contoh: Kirim E-mail
    Open this link in a new window adalah apabila di centang fungsinya untuk mem…

    Cara Membuat Link Menggunakan Gambar atau Foto

    Link merupakan komponen yang sangat penting di dalam sebuah blog atau website. Sebab dengan adanya link atau hyperlink, pengunjung sebuah blog dapat dengan mudah mengakses dan menjelajahi seluruh website dengan cepat.



    Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.

    Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:


    Tag Link<a href='url tujuan'>Teks atau Gambar</a> <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.Value dari href harus diberi tanda kutip.
    contoh:
    <a href='http://www.otodidakers-tutor.blogspot.com/'>Otodidakers Tutorial</a>
    Hasil:
    Otodidakers Tutorial

    Tag Gambar/Images<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='le…

    Cara Menambah dan Memasang Widget Di Blog

    Widget adalah alat atau fitur tambahan yang disediakan oleh blogger selain konten postingan untuk memudahkan kita di dalam navigasi blog atau keterangan yang ada pada blog itu sendiri sehingga pengunjung blog dapat lebih mudah mengerti dan mengenali isi dari blog kita.
    Postingan ini merupakan panduan cara menambah dan memasang widget di blog untuk kalian yang belum atau ingin mengetahui bagaimana cara memasukan/menambah maupun menghapus widget di blog. Caranya sangat mudah dan praktis serta sangat mudah dimengerti.
    Ada banyak widget yang disediakan oleh blogger maupun dari luar blogger dengan berbagai macam fitur dan kegunaannya. Kalian tinggal memilih sesuka hati sesuai dengan kebutuhan yang ingin ditambahkan pada blog kalian.
    Berikut tahapan-tahapan caranya.
    1. Login ke dalam Blogger.com
    2. Pada dashboard pilih blog dari daftar blog yang kalian punya.
    3. Kemudian di sebelah kolom kiri halaman pilih "Layout" atau "Tata Letak".




    4. Muncul halaman layout blog kalian…