Thursday, February 10, 2011

Browse » Home » » Menambahkan Lagu Music Player Sendiri ke Blogger

Menambahkan Lagu Music Player Sendiri ke Blogger

Membaca artikel di Blog memang menyenangkan, terlebih jika artikel tersebut sangat menarik isinya. Namun adakalanya terlalu fokus pada artikel juga jenuh saat membaca, nah bagaimana jika membaca artikel sambil mendengarkan lagu/musik? Pastinya membuat lebih santai dan lebih mengasyikan.

Bagi kamu pemilik Blog, tidak ada salahnya untuk menambahkan lagu ke dalam Blog milikmu. Terlebih jika itu Blog pribadimu, maka kamu dapat menambahkan lagu sesuai dengan lagu favoritmu. Atau jika Blogmu bertemakan tema tertentu, kamu dapat menambahkan lagu sesuai dengan tema Blogmu.

Setidaknya ada 2 jenis pilihan pemutaran lagu, yakni:

1. Autoplay, Lagu sebagai background.

Ya, kamu dapat menambahkan lagu secara autoplay, dengan kata lain begitu blogmu dibuka dan tampil, lagu akan secara langsung terputar. Namun dengan cara ini, artinya kamu memaksa pengunjung untuk mendengarkan lagu yang kamu pasang, itu tidak baik.

Selain itu dengan cara ini, akan membuat beban waktu loading lebih lama pada saat halaman dibuka, dan jika koneksi internet yang digunakan pengunjung sangat lemah, tentu itu akan merugikannya.

2. Music Player.

Dengan tampilan Music Player, kamu dapat memberikan pengunjung pilihan baginya untuk mendengarkan lagu atai tidak, tentu ini lebih bijak. dan tidak akan menggangu proses membuka halaman, sebab ketika halaman dibuka, lagu tidak akan terputar. lagu akan terputar jika pengunjung menekan tombol play.

Dengan 2 jenis pilihan tampilan tersebut, sebaiknya Music Player lah yang digunakan, dan untuk menggunakan dan menampilkannya di blog cukup dengan Copy kode lagu Embed tersebut dan Paste di Add Gadget > HTML/Javascript [pada Blogger].



Ada 2 Pilihan dalam menambahkan kode Embed Music Player.

1. Copy kode Embed lagu dari situs lagu.

Cukup banyak situs-situs lagu atau berbagai pakai file seperti 4shared.com, indowebster.com, stafaband.info, dan sejenisnya yang menyediakan kode Embed lagu. Yang kita lakukan cukup pilih lagunya, kemudian copy dan paste-kan kode Embednya.

Contoh di 4shared.com, setelah memilih lagu, copy kode Embednya.


4shared copy embed code
klik gambar untuk perbesar

kemudian paste-kan ke Add Gadget > HTML/Javascript [pada Blogger]. Untuk ukuran lebarnya jadikan width="100%" agar pas, dan karena MP3 tidak ada videonya, tingginya jadikan height="25".

add HTML/JavaScript code MP3 lagu
klik gambar untuk perbesar

2. Copy kode Embed lagu sendiri.

Jika lagu yang ingin kamu tampilkan di Blog tidak terdapat pada situs-situs diatas, kamu tetap bisa menambahkan lagumu sendiri (format MP3) ke Blogmu. Cukup dengan upload lagu tersebut, simpan linknya, kemudian paste-kan ke kode Embed yang di tambahkan di di Add Gadget > HTML/Javascript [pada Blogger].

Untuk uploadnya, jangan upload ke situs penyedia berbagi seperti 4Shared.com, Ziddu.com, sebab mereka tidak memberikan link aslinya. tapi upload lah ke Google Sites.

Jika belum memiliki akun atau halaman di Google Sites, buat saja di sites.google.com, buatnya cukup mudah seperti buat blog dari awal, dan jika hendak membuat halaman khusus upload, pilihlah template "lemari berkas atau file cabinet" dan kita gunakan hanya untuk upload-upload file saja.

Selanjutnya setelah upload, copy letak url file MP3 tersebut.

upload copy tautan url Google Site
klik gambar untuk perbesar


Kemudian untuk menambahkan lagu, pilih Add Gadget > HTML/Javascript [pada Blogger], dan paste-kan kode Embed berikut.


add HTML/JavaScript Blogger Embed code lagu MP3
klik gambar untuk perbesar


Untuk teks yang di kotak berwarna biru, kamu dapat menggantinya dengan teks berupa kata-kata tambahan tentang lagu tsb, atau kamu dapat mengosongkannya.

Untuk teks yang di kotak berwarna merah, itu adalah alamat URL (tautan) lagu MP3 ku yang ku-Upload ke Google Sites, kamu dapat menggantinya dengan alamat URL lagu milikmu.

Kode Embed pada gambar diatas dapat kamu download disini [filetype: txt].

Setelah kamu save di Blogmu, coba buka Blogmu, dan mainkan.
Selamat mencoba.

Posted by Gya


Gunakan Short URL berikut untuk menyederhanakan Link posting artikel.

50 comments:

  1. AnonymousMarch 14, 2011 at 3:05 PM

    terima kasih bgt.... info,y

    ReplyDelete
  2. febryMay 3, 2011 at 10:21 PM

    thankss for info...
    ^_^
    gwe mau nyobaiinn dech!!!!

    ReplyDelete
  3. GyaMay 4, 2011 at 8:10 AM

    silahkan dicoba ^_^

    ReplyDelete
  4. Masih PolosJune 18, 2011 at 7:34 PM

    crA'a biAr Auto plAy gimAna????

    ReplyDelete
  5. GyaJune 20, 2011 at 8:45 AM

    Hy, klw mau autoplay, biasanya embed yang diambil dari web penyedia mp3, sudah terpasang autoplay, atau jika kamu ingin menambahkan sendiri, tambahkan autoplay="true" pada kode embed

    jika pada youtube, tambahkan ?autoplay=1 pada source urlnya
    http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

    ReplyDelete
  6. tirrAugust 5, 2011 at 11:18 AM

    mas aku lho pernah baca, kata e nek dikasih musik2an gitu bikin lemot dibuka mas

    ReplyDelete
  7. GyaAugust 5, 2011 at 11:24 AM

    hehe emang iyah sih, tp itu klw music yang ditempelkan dgn no 1. Autoplay, jd bgtu halaman dibuka maka dia otomatis langsung buffering, nah itu yang bikin lemot, tp klw musik yang ditempel seperti no.2 ku rasa tidak, sebab bufering atas pilihan si pengunjung itu sendiri :)

    ReplyDelete
  8. tirrAugust 6, 2011 at 7:56 AM

    ehmmm btw btw mana niii yg katanya 1 hari 1 posting :D
    kyaknya km terlalu sibuk jd admin dehh...hahaha ^_^v

    ReplyDelete
  9. GyaAugust 6, 2011 at 3:09 PM

    Haha iyah GAGAL total nih, huhu gagal jd blogger

    ReplyDelete
  10. Egan SoewarnoOctober 30, 2011 at 12:49 PM

    ijin sedot gan

    ReplyDelete
  11. msNovember 4, 2011 at 8:13 PM

    aku udah coba copy embed lagu dr situs ga,kok ga mau bunyi sih ??

    ReplyDelete
  12. GyaNovember 7, 2011 at 8:31 PM

    @seven bisa lebih jelas kok tidak mau, sebab contoh di blog ini bisa berjalan musiknya, utk lebih lanjut sampaikan di halaman Contact Me yah :) terimakasih

    ReplyDelete
  13. {HzL}-dHaNz_IDNovember 21, 2011 at 5:53 PM

    mantep nehH . .
    langsung praktek akh
    :D

    thanks bgd infonya gan

    ReplyDelete
  14. anggiNovember 25, 2011 at 10:37 AM

    makasih atas infonya :)
    tapi klo mau buat langsung autoplay gimana ya?

    ReplyDelete
  15. GyaNovember 25, 2011 at 11:00 AM

    @portal: klw mau yang langsung nyala, coba pake yg No 1, biasanya tinggal copas kode embed ke blog, bisa dr 4shared or penyedia music lainnya

    ReplyDelete
  16. pkskelantanDecember 8, 2011 at 2:30 PM

    nice information
    thanks bro,

    salam kenal

    ReplyDelete
  17. Jiehad Mushafi BachtiarJanuary 2, 2012 at 2:49 PM

    makasih mas, ilmu-nya
    udah terpasang tuh di masjiehad.blogspot.com

    ReplyDelete
  18. niken woropalupiJanuary 3, 2012 at 10:26 AM

    This comment has been removed by the author.

    ReplyDelete
  19. GyaJanuary 3, 2012 at 10:44 AM

    yups @jiehad udah ane lihat tuh di pojok kanan atas blognya :) nice

    ReplyDelete
  20. Ahmad Zainul AbidinJanuary 8, 2012 at 4:23 PM

    Kak autoplaynya g bisa

    ReplyDelete
  21. GyaJanuary 8, 2012 at 10:05 PM

    @scout: coba lihat komentar yang diatas :) pastikan kodenya bener yah,.

    ReplyDelete
  22. UnknownJanuary 12, 2012 at 8:16 PM

    makasi mas infonya :)

    ReplyDelete
  23. rusty edogawaFebruary 1, 2012 at 7:41 PM

    kak minta url lagu
    Naruto Soundtrack- Sadness and Sorrow (FULL VERSION)

    ReplyDelete
  24. GyaFebruary 2, 2012 at 8:41 AM

    jiah minta lagu,. ehm kasih dah, nih http://www.4shared.com/mp3/rb0IFETN/Naruto_-_Sadness_and_Sorrow_To.html dan ini http://www.youtube.com/watch?v=qGoOtSPMQlc

    ReplyDelete
  25. UnknownFebruary 3, 2012 at 1:28 PM

    Cara Auto play bagi 4shared gimana???

    ReplyDelete
  26. .:"Vhal[Z]║AkaTsukI]":.February 27, 2012 at 12:54 PM

    Om aku url mp3 nya gx dapat !

    yang aku dapat kaya gini

    https://sites.google.com/site/skygers34/Nico%20Touches%20The%20Walls-Broken%20Youth.swf?attredirects=0&d=1

    mohon bantuannya !!

    ReplyDelete
  27. noicMarch 9, 2012 at 12:04 AM

    cari aja di beemp3.com
    atau kunjungi blog ane gan ,..
    nie tutornya music auto play http://tersembunyi-blogspotz.blogspot.com/2012/02/widget-akan-saya-bahas-adalah-latar.html

    ReplyDelete
  28. FastabiqulkhoirotMarch 21, 2012 at 7:39 PM

    aku pke yg no 2, klo mau bikin dftr lagu gmn Boz.??

    ReplyDelete
    Replies
    1. GyaMay 3, 2012 at 2:09 PM

      itu cuma bikin di post baru kok, tinggal tambah musik 1, baris berikutnya musik 2, dst :)

      Delete
  29. aRyhanie eL afiEfiMay 3, 2012 at 2:01 PM

    terima kasih untuk info'y

    ReplyDelete
  30. DinieMay 16, 2012 at 10:23 AM

    makasih tutorial na

    ^_^ salam blogger
    kunjung balik yah :D

    ReplyDelete
  31. SR11May 27, 2012 at 8:41 AM

    Kalau sebagai background gimana mas?

    ReplyDelete
    Replies
    1. GyaMay 27, 2012 at 8:00 PM

      sebaiknya pilih yang autoplay ajah, jd langsung jalan musiknya :)

      Delete
  32. UnknownJune 1, 2012 at 6:19 PM

    nice info,,mampir ke blog ane jg gan,,jgn lipa saran n kritikx,,
    tembe-nggoli.blogspot.com
    aliminach.blogspot.com

    ReplyDelete
  33. www.rahmatdiuchihablogspot.comDecember 23, 2012 at 10:40 AM

    Q udah menambah autoplay="true" di kode embed tapi kok masih gak autoplay gmn bos??

    ReplyDelete
  34. AnonymousFebruary 18, 2013 at 4:09 PM

    kalau mau buat biar lagunya berulang2 terus bagaimana ??

    ReplyDelete
  35. AnonymousFebruary 18, 2013 at 4:12 PM

    kalau mau buat media player biar lagunya berulang2 terus bagaimana ??
    sudah tambah loop="true" tapi tetap gak bisa

    ReplyDelete
  36. UnknownMarch 30, 2013 at 2:44 PM

    makasi telah membantu gan, bermanfaat banget :)
    http://yosepriwm.blogspot.com/

    ReplyDelete
  37. Meyta_SuryaApril 2, 2013 at 11:00 AM

    udah nemu html kodenya, tapi kalo cuman di copas (copy paste) gabisa jadi music player, malah jadi jalan pintas ke situs yang saya ambil html kodenya.

    html kode: hunter x hunter - ohayou - Indowebster.com Date upload: 29-Feb-2008 Size: 3.25 MB

    coba tolong buatkan java script/html untuk saya jadikan music player di blog saya.
    terima kasih sebelumnya

    ReplyDelete
    Replies
    1. GyaApril 6, 2013 at 10:20 AM

      ok, sila cek di blogmu yah, aku kasih link d kotak koment..
      atau klik ini buat download embednya

      Delete
  38. dh3fanApril 11, 2013 at 10:39 PM

    makasih mas.. ijin nyoba... :)

    ReplyDelete
  39. http://idrusace.blogspot.comApril 14, 2013 at 4:30 PM

    Thank's berat mas bray hehe

    ReplyDelete
  40. Tritya PamungkasMay 21, 2013 at 6:16 PM

    Thanks bro, sangat membantu. :)

    ReplyDelete
  41. Wahidiyah JakartaJanuary 11, 2014 at 7:59 PM

    terimakasih sekali atas informasinya :)

    ReplyDelete
  42. UnknownJanuary 18, 2014 at 1:13 AM

    thanks bro atas petunjuknya...kereeeeen.......!!!!!

    ReplyDelete
  43. UnknownFebruary 12, 2014 at 11:19 PM

    ini agan kok gw gk bisa padalah udh di ikutin langkah langkahny tetep aja gk bisa play malah kotak putih blank ...... btw kan klo download nih contoh linkny https://sites.google.com/site/datalagupribadi/Maddi%20Jane%20-%20If%20This%20Was%20A%20Movie.mp3?attredirects=0&d=1 udh gtu doang apa di tambahin lagi???

    ReplyDelete
  44. UnknownMarch 25, 2014 at 9:10 AM

    gan klo semua udha dicoba muncul berhasilnya gmn kok di blogku kagak ada??
    Trimz

    ReplyDelete
  45. pengobatan syaraf mata lemahApril 8, 2015 at 11:28 AM

    makasih bnayak gan buat infonya,, sangat bermanfaat dan menambah wawasan

    http://goo.gl/J63YHy

    ReplyDelete

Subscribe to: Post Comments (Atom)