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. bisa kok gan, nih cek blog ku

        ioscr4ck.blogspot.com

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

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

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

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

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

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

      ReplyDelete
    8. Thanks gan, membantu banget nih buat pemula

      ReplyDelete
    9. 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
    10. ga bisaaaa... giamana sii?

      ReplyDelete
    11. This comment has been removed by the author.

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

      ReplyDelete
    13. 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
    14. Sip infonya gan. Dicoba dulu, mudah - mudahan berhasil. Trims... :)

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

      ReplyDelete
    16. koq saya gabisa disave gan?

      ReplyDelete
    17. 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
    18. browsernya harus yg mensupport ya?? okesip

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

      ReplyDelete
    20. mantab ilmunya gan

      www.wongpasar.com

      ReplyDelete
    21. Thanks For Share ^^

      ReplyDelete
    22. 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
    23. Kalau di skull itu Embed apaan?

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

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

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

      ReplyDelete
    27. Makasih Gan, Sangat membantu

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

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

      ReplyDelete
    30. makasih gan, saya berhasil mengaplikasikannya

      ReplyDelete
    31. Thank`s gan atas pemberitahuanya

      ReplyDelete
    32. Terimakasih gan saya berhasil

      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. kok ngga mau, ya? info please..

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

      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. trmksh mas, dh berbagi ilmunya tentang cara memasang musik dan lagu di blog, salam hangat dari saya theresia admin blog Honorer

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

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

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

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

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

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

      ReplyDelete
    56. 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
    57. Saya Suka sekali dengan blogg ini..
      Thanks atas infonya min

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

      ReplyDelete
    59. good lah bang tutorialnya Bang , ngmong-ngmong mampir juga ya di serbagratis95.site

      ReplyDelete
    60. https://edyindo.blogspot.com/

      ReplyDelete
    61. Donaco Poker Online Terbaik

      [img]https://i.imgur.com/kzxr0y7.jpg[/img]
      DonacoPoker adalah salah satu situs Judi Poker Online yang paling baik. Karena kami melayani member-member kami sepenuh hati dan online selama 24jam. Jika anda merasa kurang baik dengan situs lama anda maka saatnya bergabung ke DonacoPoker bosku.
      Hubungi kami di :
      WHATSAPP : +6281333555662
      Atau bisa langsung ke Livichat kami di donacopkr(titik)com

      ReplyDelete
    62. Haloo, blogger sekarang untuk menonton film sangat mudah, bagi pecinta drama korea sekarang bisa nonton di smartphone anda, cukup download MYDRAKOR di GooglePlay gratis, MYDRAKOR banyak film drama korea pilihan dan terbaru. MYDRAKOR.

      https://play.google.com/store/apps/details?id=id.mydrakor.main&hl=in

      https://www.inflixer.com/

      ReplyDelete
    63. Kamu sudah tau sekarang menonton film drama korea bisa di download di Googleplay, MYDRAKOR pilihan terbaik menonton film drama korea. MYDRAKOR banyak pilihan film baru.


      https://www.inflixer.com/

      ReplyDelete
    64. yuk mampir juga di blog ini https://www.kubayar.id/

      ReplyDelete

    65. Promo Bonus 100% Untuk Semua Jenis Permainan Next depo 5% tak terbatas di Nagamas77 ya Bosku silakan di cek langsung ke TKP Bosku....
      Bonus 100% untuk semua Game

      1 ID untuk Permainan Banyak Permainan
      Minimal deposit Hanya 25 rb Minimal Withdraw 50 rb Ya Bosku...

      VIP
      Rebate Sportsbook 0.8%
      Rebate live casino 1%
      Slot Game Rebate 2%
      Sabung Ayam 1.2%

      Support BANK
      -BANK BCA
      -BNI
      -BRI
      -MANDIRI
      -CIMB NIAGA

      silakan Hub : Cs Nagamas77 yang sudah berpengalaman 24 jam online ya bosku :)
      WA : +62 821 2496 9033
      Line : nagamas777
      Wechat : nagamas777
      Instagram : nagamas77
      Twitter : nagamas77
      link Pendaftaran : https://bit.ly/2QmhO8f

      ReplyDelete
    66. mantap banget hu,,, artikelnya semoga bermanfaat

      ReplyDelete
    67. Pastikan strategi Anda, dan terapkan secara konsisten: bahkan strategi roulette terbaik tidak berguna, jika tidak diterapkan secara konsisten. Dengan roulette taruhan rendah
      asikqq
      dewaqq
      sumoqq
      interqq
      hobiqq
      rajawaliqq
      http://192.254.236.33/pencetpoker/
      paito vegas morning
      paito warna oregon 03
      paito warna oregon 12

      ReplyDelete
    68. judi slot
      judi slot deposit pulsa
      judi slot terbaik
      judi slot terbaru

      https://taruhanslot.net/taruhan-game-slot-online-wild-giant-panda-terbaik/

      BONUS 10% MEMBER BARU SLOT VIVOSLOT, JOKER123, PLAY1628
      Judi Slot Bolavita Bisa Deposit Via OVO & GO-Pay.
      Taruhan Slot Deposit Via Pulsa XL & TSEL 25rb.

      INFO Pendaftaran Slot Online : http://159.89.197.59/register/
      INFO Artikel Slot Online : https://taruhanslot.net

      WITHDRAW BESAR
      JACKPOT BESAR
      SLOT GAMES!!
      Buruan Daftar , Main dan Withdraw Bersama Agen Judi online BOLAVITA kembali.

      Telegram : +62812-2222-995
      Wechat : Bolavita
      WA : +62812-2222-995
      Line : cs_bolavita

      ReplyDelete
    69. Thx Tutorialnya gan jadi tau caranya

      Kunjungi ya: Festmagz

      ReplyDelete
    70. I invite you to the page where see how much we have in common. cryptocurrency ticker widget

      ReplyDelete
    71. Mudah Bermain Slot Android Online Di Daftar AHLIBET88 Karena Didukung Teknologi Yang Canggih

      ReplyDelete
    72. main sekarang juga di situs resmi POKERBET88 dan dapatkan jutaan bonus kemenangan setiap hari

      ReplyDelete

    Post a Comment

    Popular posts from this blog

    Cara Membatasi Jumlah Tampilan Posting di Homepage

    Untuk membatasi jumlah tampilan posting di halaman depan blog kita, Blogger sudah menyediakan fiturnya agar kita dapat men-setting seberapa banyak jumlah posting yang ingin kita tampilkan di halaman depan blog. Ada dua cara untuk membatasi jumlah posting . Pertama: Membatasi Posting Dari "Tata Letak" Di dalam dashboard klik tab "Tata Letak", kemudian klik "Edit" yang ada di bawah pada gadget posting. Maka akan keluar jendela baru untuk settingan pos seperti gambar di bawah ini: Pada "Opsi Laman Utama" kita bisa merubah jumlah dari posting yang akan kita tampilkan di halaman depan blog sesuai kebutuhan dan keinginan kita masing-masing. Setelah itu klik "Simpan". Maka tampilan jumlah posting di halaman depan blog kita sudah berubah sesuai yang kita inginkan. Kedua: Membatasi Posting Dari "Setelan" Klik pada tab "Setelan" pada dashboard yang berada disebelah kolom kiri. Lal

    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 ".

    Cara Merubah Link "Pos Lama" dan "Pos Terbaru" dengan Judul Post

    Langkah Pertama #1: Cari kode seperti di bawah berikut ini: ]]></b:skin> Copy paste kode di bawah ini di atas kode ]]></b:skin>  .blog-pager-newer-link {     background-color:transparent !important;     padding: 0 !important; } .blog-pager-older-link {     background-color:transparent !important;     padding: 0 !important; } #blog-pager-newer-link {     padding:5px;     font-size:90%;     width:200px;     text-align:left; } #blog-pager-older-link {     padding:5px;     font-size:90%;     width:200px;     text-align:right; } Langkah Kedua #2: Cari kode seperti di bawah ini: </head> Kemudian copy paste kode di bawah ini di atas kode tersebut. <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> Langkah Ketiga #3: Cari kode seperti di bawah ini: </body>  Kemudian copy paste kode di bawah ini di atas kode tersebut.  <b:if cond='data:blog.pageType == &quot;item&