Beranda > wordpress > Memasang Musik di Blog WordPress.com

Memasang Musik di Blog WordPress.com

Tulisan berikut didedikasikan untuk neng Erwin yg telah memberikan info menarik ini

Bagi sobat yang punya blog di wordpress.com dan ingin memasang musik favorit kalian di blog tsb, tapi gak tahu gimana caranya, well baca tulisan ini deh. Dijamin pasti bisa memasang musik di blog wordpress.com .

Neng Erwin yg super narsis inilah yg memberitahukan pada admin blog annunaki bagaimana caranya. Begini nih caranya:

  • Kunjungi link ini [ http://www.musik-live.net/find.php?search=&source=%E2%80%9D ]
cara memasang musik di blog wordpress

cara memasang musik di blog wordpress

  • di bagian search, masukkan nama lagu atau artis penyanyi lagu favorit sobat. misalnya:  saya ketikkan nama “keong racun”
  • sobat akan dibawa pada halaman pencarian lagu “keong racun”. hasil pencarian akan diberikan di sebelah kanan berupa judul lagu dan artis yg nyanyi. Pilih mana yg sobat ingin ambil. saya pilih:  Sinta And Jojo Keong Racun ( Mrd3lo ).flv.3gp Music Player.
  • di sebelah kiri nama artis atau lagu ada link play and embed code. Silahkan di klik linknya.
cara memasang musik di blog wordpress

cara memasang musik di blog wordpress

  • Link tsb membawa kita ke halaman baru, yaitu halaman untuk jenis kode yang akan di-embed ke widget blog kita. Karena sobat ingin memasangnya di blog wordpress.com, silahkan pilih ikon wordpress yang ada di baris ke dua. oh yah ketika link ini di-klik, bisakah sobat mendengar lagu pilihan sobat ini dimainkan? jika lagunya tidak terdengar berarti lagu tsb tidak ada di server atau sobat tidak menginstall macromedia flash player versi terbaru atau sobat lupa menyalakan speaker :lol: Kalau lagunya emang gak ada di server… silahkan kembali ke halaman sebelumnya dan pilih lagu “keong racun” yang lain.
cara memasang musik di blog wordpress

cara memasang musik di blog wordpress

  • Ketika ikon wordpress di-klik, sobat akan diminta memasukkan user name wordpress, nama blog dan password di wordpress untuk mengijinkan halaman tsb melakukan auto posting kode html lagu ke blog sobat
cara memasang musik di blog wordpress

cara memasang musik di blog wordpress

  • Jika semua info sudah dimasukkan, klik post. Tidak lama kemudian lagu tsb sudah menjadi postingan kita. Sobat masuk ke blogsobatdi.wordpress.com/wp-admin ==>  lalu masuk ke menu tulisan / postingan yg baru saja kita buat ==> Pilih HTML mode dan copy / salin kode HTML-nya.
  • Sekarang masuk ke menu Tampilan ==> Widget ==> lalu click and drag (klik dan tarik dengan mouse) widget yang bernama ‘Text’ ke sebelah kanan (sidebar). di sebelah kanan akan muncul widget yg baru saja kita drag ini dan paste-kan / tempelkan HTML code tadi ke area widget Text tersebut.
  • Voilla! sobat udah punya musik di homepage blog sobat :mrgreen:
  • Gunakan prinsip yg sama (point 1-9) kalu sobat udah bosan dengan lagu “keong racun” tsb dan ingin menggantinya dengan lagu yang lain.

Nah sob, ada cara lain untuk mengganti lagu di homepage kita tanpa melalui step 1-9 di atas. Prinsipnya adalah dengan memperhatikan kode HTML dari lagu pertama yang kita masukkan di widget itu. Saya kasih contoh dengan kode HTML dari lagu pertama yang saya masukkan di blog ini (Bliss – “Kissing”)

Kode HTML yang harus digunakan


[/gigya width="250" height="20" src="http://www.longtailvideo.com/support/player.swf" quality="high" flashvars="&file=http://www.youtube.com/watch?v=s_mIkoVvFDI&height=20&width=315&showeq=true&autostart=true&repeat=false&shuffle=false&volume=100&menu=false&searchbar=false&backcolor=0x1E0B02&frontcolor=0x49A3FF&lightcolor=0x87B6CD" wmode="tranparent" allowfullscreen="false"  ]

Ket:

  • coba sobat copi paste kode HTML ini ke sidebar dengan widget text untuk ditest, namun sebelumnya hapus tanda ” / ” agar kode HTML ini dapat digunakan

perhatikan kode yang saya bold warna biru. Saya berkesimpulan, server lagu ini mengambil lagunya dari youtube. Coba sobat kopi kode warna biru tsb dan paste-kan ke browser. Pasti ketemu dengan lagu “Kissing” di youtube!

Saya lalu berkesimpulan, jika kode warna biru itu diganti dengan kode lagu dari youtube yang lain pasti kita akan mendapatkan lagu yang lain pula. Yg saya lakukan adalah spt ini:

  • saya akan mengganti lagu “Kissing” dengan “Destination Calabria” jadi saya jalankan lagi point 1-5 diatas
  • Waktu muncul kode embed-nya saya tidak meng-klik ikon wordpress. yang saya klik dan kopi adalah kolom embed code yang memanjang di bawah ikon-ikon itu.
cara memasang musik di blog wordpress

cara memasang musik di blog wordpress

  • Lalu saya paste-kan kode HTML-nya di notepad. Hasilnya sbb:

Text Area Embedd Code

<img style=”visibility:hidden;width:0px;height:0px;” border=0 width=0 height=0 src=”http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODYwMjY1MDg2NDAmcHQ9MTI4NjAyNjc3NjY4NyZwPTU2MjAxMiZkPSZnPTEmbz1kM2JhNGJlMTNjYjU*NTdmOWRl/Njg*YTZhMGZiYWNlZiZvZj*w.gif” /><div align=”left”><table border=”0″ bgcolor=”#000000″ width=”315″><tr><td><a target=”_blank” href=”http://www.musik-live.net/play-music-code.php?name=Alex_Gaudino_Feat_Crystal_Waters_-_Destination_Calabria&src=yt&id=Sn3slVlZOBc” title=”Alex Gaudino Feat Crystal Waters – Destination Calabria.mp3″><span style=”color:#49A3FF; font-size:xx-small;”>Alex Gaudino Feat Crystal Waters – Destination Calabria.mp3</span><br><img title=”Alex Gaudino Feat Crystal Waters – Destination Calabria.mp3″ border=”0″ src=”http://img502.imageshack.us/img502/8661/purple.gif” width=”295″ height=”51″></a><br><a target=”_blank” title=”www.musik-live.net : Free Streaming Mp3 & Videos Online” href=”http://www.musik-live.net”><span style=”color:#49A3FF; font-size:xx-small;”>get more free mp3 & video codes at www.musik-live.net</span></a></td></tr></table></div><div align=”left”><embed src=”http://www.longtailvideo.com/support/player.swf” width=”315″ height=”20″ type=”application/x-shockwave-flash” allowfullscreen=”false” flashvars=”&file=http://www.youtube.com/watch?v=Sn3slVlZOBc&height=20&width=315&showeq=true&autostart=true&repeat=false&shuffle=false&volume=100&menu=false&searchbar=false&backcolor=0x1E0B02&frontcolor=0x49A3FF&lightcolor=0x87B6CD”></embed></div>

panjang yah kode-nya…. nah perhatikan bagian yang saya bold merah di atas. Itulah kode youtube dari lagu “Destination Calabria” yang ada di server musik mereka. Saya tinggal mengganti saja bagian yg di-bold biru dengan bagian yang di-bold merah supaya lagu di homepage blog saya bisa berganti :D

NB: kode HTML yang ada di text area embedd code ini tidak bisa untuk menampilkan musik di blog, Yang harus diganti adalah kode warna biru dengan kode warna merah (kode HTML yang dipakai adalah kode HTML yang saya blockquote dan saya beri judul: Kode HTML yang harus digunakan)

Bagaimana sob? Gampang kan? Silahkan dicobain cara pasang musik MP3 di blog dan hasilnya dishare disini :D


  1. 10 Januari 2012 pada 06:28 | #1

    Mantap sekali infonya, ldapat ilmu baru

  2. 14 November 2011 pada 09:30 | #2

    mantafffffffff terima kasih banyak OM RED……

  3. 9 November 2011 pada 15:54 | #3

    udah nyoba tapi link music-live net nya dblokir :(

  4. puisti
    28 Mei 2011 pada 19:04 | #4

    oke mau saya coba dulu… thankx yah

  5. 23 April 2011 pada 13:18 | #5

    sementara belum pake….

    Baju Bali Murah

  6. Jaka Swara
    22 April 2011 pada 00:29 | #6

    Aq suka music yang anda pasang di blog ini boss, kasih link downloadnya dong. Apalagi tak dengerin via headset, bisa kemana-mana fikiranku. Please…..!!

  7. 8 April 2011 pada 07:46 | #8

    maaf bang, lama ga ninggalin jejak kemari,,,
    aku dh bisa skarang bang,,, makasih yo bang…

  8. 2 Februari 2011 pada 13:17 | #9

    kok failed terus zaw,,, hemmm!! bingung. tolong kasih yau cara zaw..! kirim ke email aja,,(harish_xom@yahoo.co.id)

  9. Anisa
    23 Januari 2011 pada 14:34 | #10

    kenapa login failed mulu ya? help ya bos ckckck

    • Red
      23 Januari 2011 pada 15:01 | #11

      halo anisa: balas imel saya yah.

      • Anisa
        23 Januari 2011 pada 15:25 | #12

        udah di balas emailnya.

      • Red
        23 Januari 2011 pada 15:39 | #13

        ok aku baca dulu yah

  10. Anisa
    23 Januari 2011 pada 14:32 | #14

    kenapa login failed mulu ya???? helpp dong -.-

  11. 23 Januari 2011 pada 12:44 | #15

    wah gimana nih bos, belum bisa – bisa, kayaknya perlu les privat nih

  12. 19 Januari 2011 pada 00:39 | #16

    saya baru cuba semalam, berhasil.
    terima kasih

  13. 6 Januari 2011 pada 11:47 | #17

    bisa diganti gag latar nya mas ?

    jadi warna kulit gitu…

    tolongin yaa..
    :D

  14. 18 Desember 2010 pada 14:03 | #18

    suaranya koq ga bisa kedengeran ke luar

  15. 16 Desember 2010 pada 20:37 | #19

    Brow, ane kok gak bisa ngepost ya, failed terus, padahal dh bener semua. gw jga dh pke firefox, ntu knapa ya,??

  16. 15 Desember 2010 pada 17:09 | #23

    Bos, klo bikin lagunya otomatis ngulang terus gmn ya? Soalnya lagu yang saya pasang hanya 1x play aja dan harus play manual jika ingin mendengarkan ulang.
    Trus saya coba otak atik kode html “repeat=false” menjadi “repeat=true” jg tetep gax bisa. Punya solusi?

    • Red
      16 Desember 2010 pada 17:18 | #24

      ada beberapa lagu yg sebelumnya saya pasang… dia repeat terus deh, padahal basic codenya kan sama, juga embedd-nya sama dari youtube. tapi ada juga yg gak repeat. kenapa begitu .. saya gak tahu deh bro

      • 17 Desember 2010 pada 23:45 | #25

        waktu masih di “musik live net” biasanya ada kolom yg harus dicentang, intinya pengen diputer terus menerus atau tidak, gitu..

  17. 14 Desember 2010 pada 12:02 | #26

    wahh! mantap banget infonya bro!
    akhirnya sukses!! makasi bro!

    http://www.terlampau.wordpress.com

  18. 2 Desember 2010 pada 19:19 | #27

    bermanfaat!!!tapi gimana caranya kalo pengen masukin lagu tapi yang ada di pc kita?

    • Red
      4 Desember 2010 pada 19:01 | #28

      karena tutorial ini mengambil lagu2 dari youtube.com, maka sobat harus meng-upload dulu lagunya ke youtube deh baru lalu di masukkan dengan cara yg saya tulis di atas

  19. 2 Desember 2010 pada 00:55 | #29

    Mantabbbb……
    langsung berhasil….
    TQ Boss……..:-)

  20. 27 November 2010 pada 08:41 | #30

    jossssssssss,,.,.,

  21. 27 November 2010 pada 08:38 | #31

    mantap ,.,., keep posting kakang,,,,.

  22. 24 November 2010 pada 18:32 | #32

    waktu gwe tekan post, kok hasilnya “Post Failed” bos…. kie piye carane?? gwe pake wordpress.com Matursuwun……….

    • Red
      25 November 2010 pada 19:18 | #33

      gini sob. elu mau pasang lagu apa di blog? gue bantu cariin di youtube langsung. nanti hasilnya (kode html-nya) gue kasih via email aza yah.

      • 27 November 2010 pada 01:50 | #34

        going under – evanescence Bos, sebelum dan sesudahnya matursuwun…

      • Red
        27 November 2010 pada 14:31 | #35

        kode HTML-nya udah gue kirim ke imel loe mas bro :D

  23. 11 November 2010 pada 06:03 | #36

    I like knowledge like this post…. thanks for share this.
    Top markotop……

  24. 30 Oktober 2010 pada 10:56 | #38

    Mantab bang red….

  25. 26 Oktober 2010 pada 11:12 | #39

    heheh. dah punya musik

  26. 20 Oktober 2010 pada 01:21 | #40

    ini yg dicari cari,terimaksih ya :)

  27. 13 Oktober 2010 pada 21:25 | #41

    nambah ilmu lagi,neh..coba lagi ah…makasih ya,mas..

  28. 8 Oktober 2010 pada 11:03 | #42

    Dah tuh mas, sekarg q dah punya lagu yg q suka, biarin ada gambr playernya gak pa2, biar narsis sekalian gt .. Thanks y mas, ilmunya bags bgt ..

    T

  29. 7 Oktober 2010 pada 23:31 | #44

    Walau saya, berplatform Blogspot, tp ini info yg menarik sob :) , makasih ya

  30. 6 Oktober 2010 pada 17:11 | #46

    wahhh kebetulan ..emang lagi cari info ini..tx
    izin share link ya…
    smg mau kunjung balik..tx

  31. 4 Oktober 2010 pada 21:43 | #47

    mantap mas red semalin asyik aja dengan iringan musik blogging semakin senagat.

  32. 4 Oktober 2010 pada 21:06 | #48

    tidak sabar pengen lihat foto bang Red yang SUPER NARSIS. :lol:

  33. 4 Oktober 2010 pada 18:56 | #49

    sementara saya masih belum pake :)

  34. 4 Oktober 2010 pada 12:56 | #50

    mmhh…mantaf sob..bs jadi bahan neh…hehehe

  35. wiwin9
    4 Oktober 2010 pada 09:37 | #51

    dicoba dicoba dicoba :)
    tengs infonya bang Red

  36. 4 Oktober 2010 pada 09:13 | #52

    Alhamdulilah, dapat ilmu baru lagi tiap kali berkunjung kesini :)
    terimaksih ya Red utk tutorial yg mudah dimengerti :)
    salam

  37. 4 Oktober 2010 pada 08:31 | #54

    hebat juga nich… jadi bisa ngeblog sambil dengerin musik fovorit..
    tapi, apa ada berpengaruh ga ma kecepatan loading blognya?… moga aja ga ada pengaruhnya :p hehehe

    • 4 Oktober 2010 pada 08:39 | #55

      kalo menurut saya tergantung koneksinya. :mrgreen:
      kalo koneksi bagus, tak ada masalah tuh…

      • 4 Oktober 2010 pada 12:12 | #56

        justru itu… koneksi internetnya lemot bgt tuch, apalagi klo pake musik…bisa makin lebay dech :D wkwkwk…

      • 4 Oktober 2010 pada 15:20 | #57

        tp kan ga semua pengunjung inetnya lemot :lol:

      • Red
        4 Oktober 2010 pada 20:42 | #58

        @firaun: neng erwin benar. semua tegantung dari kecepatan koneksi. saya pribadi sudah mengecek kecepatan loading blog ini baik yg full version di desktop maupun full version di hape atau mobile version di hape. semuanya lancar. malah yg full version di hape ringan pisan, cuman 179 kb. saya pikir ada hubungannya juga dengan thema blog. thema ini sangat ringan dan gampang dicostumize. ada beebrapa tema wp.com yg berat sekali loadingnya padahal gak pake widget yg aneh2 :P

  38. 3 Oktober 2010 pada 14:00 | #59

    oia, kunjungi blog baruku http://imroee.blogspot.com/

  39. 3 Oktober 2010 pada 13:59 | #60

    Tapi kayaknya blog kita jadi berat gitu bukanya!

  40. 3 Oktober 2010 pada 10:20 | #61

    terima kasih infonya, begini ya caraya.
    perlu dibaca lagi untuk mempelajarinya.
    kalo cuma sekali masih kurang hafal langkah-langkahnya.
    Bali Villas Bali Villa Villas in Bali

  41. 3 Oktober 2010 pada 05:45 | #62

    Ahai.. Mbak Erwin ini memang menginspirasi banyak orang yah…

    • Red
      4 Oktober 2010 pada 20:44 | #63

      heheheb etul. blognya juga menginspirasi saya mencari tahu apa itu dan apa ini :D

  42. 3 Oktober 2010 pada 05:27 | #64

    share yang menarik,,,

    makasih banyak infonya…

    salam hangat…

  43. 3 Oktober 2010 pada 02:42 | #65

    gileee … lengkap banget tutorialnya …
    but, sepertinya denuzz gak tertarik nih, taut ngaruh ke kecepatan loading …
    bener gak? … kalo salah mohon diuruskan…

  44. 3 Oktober 2010 pada 00:26 | #66

    ikut nyobaa…mkasih om red infonya..

  45. 2 Oktober 2010 pada 23:18 | #67

    wahh baru tau nih wordpress bisa juga..
    makasih mas infonya..

    Maaf ya mas lia baru berkunjung… salam semangat

    • Red
      2 Oktober 2010 pada 23:43 | #68

      akhirnya bisa ngeblog lagi…. :P welcome back lia cantik !

  46. 2 Oktober 2010 pada 21:58 | #69

    wahhh di blog ku, aku pasang souncloud.com mas, lebih simple caranya heheheh

  47. 2 Oktober 2010 pada 21:54 | #71

    Terimakasih, Bang red…

    komentku ada yg masuk spam.

  48. 2 Oktober 2010 pada 21:38 | #72

    kok dibilang *super narsis* ;lol:

    btw, lagunya ganti lagi ya , bang Red ?

    • Red
      2 Oktober 2010 pada 21:42 | #73

      iya ganti lagi :P wkwkwkwkwk

      • 2 Oktober 2010 pada 21:46 | #74

        weekend kok di dpn kompi aja. :P

      • Red
        2 Oktober 2010 pada 21:59 | #75

        ooh dasar spammer ! wkwkwkwkwkwk :lol: ya maklum.. malam minggu kelabu *hiks* bukannya pacaran malah ngasih tutorial :D

      • 2 Oktober 2010 pada 21:47 | #76

        walah, ketangkep spam :oops:

      • Red
        2 Oktober 2010 pada 21:49 | #77

        engga tuh. btw semoga menagn ya di kontes lagak dan lagu-nya. postingan ini benar2 dapat dari blogwalking ke rumah sampeyan… jadi gue dapat ilmu baru neh.. mantap!

  1. 2 Oktober 2010 pada 22:13 | #1
  2. 18 Desember 2010 pada 06:53 | #2
  3. 18 Januari 2011 pada 13:01 | #3
  4. 10 Mei 2011 pada 20:48 | #4
  5. 21 Mei 2011 pada 00:31 | #5
  6. 28 Agustus 2011 pada 09:52 | #6
  7. 2 September 2011 pada 19:19 | #7
  8. 29 November 2011 pada 21:50 | #8
  9. 12 April 2012 pada 01:09 | #9

Mari Berdiskusi !

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 1.246 pengikut lainnya.