Pasang MP3 Player di Wordpress (Situs Blog)

Halo-halo, kali ini saya akan memberikan tutorial untuk memasang mp3 player cantik di website/blog Anda. Jika ingin melihat bagaimana mp3 player ini bekerja, silakan klik tombol Play pada sidebar halaman ini, dan swur-swur, lagu I Stay In Love dari Mariah Carey akan didendangkan untuk Anda.

Hmm, trus bagaimana cara mendapatkannya? Tenang-tenang, begini caranya. Disimak baik-baik ya. Yang bikin tambah asyik adalah Anda tidak perlu register dulu untuk dapat menggunakannya, tinggal pilih templatenya, terus upload file mp3-nya, trus tinggal pasang kodenya di blog Anda.

Baiklah, ini dia langkah-langkah memasang mp3 player di wordpress:

(1) Pertama-tama, buka dulu website penyedia layanan ini di sini

(2) Terus pilih theme dan ikonnya, cukup di ceklik saja kog

(3) Kemudian, klik tombol Browse untuk mengupload file mp3, tunggu sampai selesai

(4) Kemudian lagi, pada bagian look, pilih bentuk playernya.. Kalo yang atas enak, ntar bisa kita kasi tulisan di playernya, misalnya judul lagunya. Kalo yang kedua, ada slidernya, kelebihanya lagunya bisa di majuin atau dimundurin muternya. Kalo yang ketiga, cuman ada tombol Play doang.

(5) Kemudian lagi dan lagi, bagian Color. Kalo mau ngerubah warna player, tinggal di ceklik saja. Endak pakek lama

(6) Udah jadi deh. Previewnya ada di jendela sebelah kanan.

(7) Sekarang untuk masangnya tinggal paste-in kode html-nya di sidebar wordpress Anda..

(8) Sedikit tambahan trik, karena bila Anda memilih menggunakan look player yang paling atas, yang bisa ditulisi max 12 huruf, trik ini bisa dipakai untuk menambahkan lebih banyak huruf, dengan syarat jangan melibihi panjang playernya. Caranya tinggal merubah kode: text_message=xxxxxxx” menjadi text_message=I+Stay+In+Love” sesuai dengan keinginan Anda, asal jangan kelewat batas. Catatan: Tanda plus (+) digunakan untuk karakter spasi

(9) Save dan lihat blog Anda kini ada Mp3 Music Player-nya… Untuk memutar lagu, tinggal klik tombol Play. Cukup asyik. Anda juga bisa membuat banyak mp3 player lain. Tinggal ulangi langkah-langkah di atas.

(10) Selesai :party:

______________________________________________________________________________
(Screenshoot 1)

______________________________________________________________________________
(Screenshoot 2)

*note : Untuk mp3 yang digunakan sebaiknya tidak berukuran terlalu besar, kompres file mp3 Anda sebesar 96 Kbps, cukup baik untuk streaming. Anda bisa menggunakan kualitas yang lebih kecil atau lebih tinggi sesuai keinginan Anda.

Oke, sekian tutorialnya. Selamat mencoba ya.. :joget:

Tidak ada posting terkait.

44 Komentar dari “Pasang MP3 Player di Wordpress (Situs Blog)”

  1. ndop says:

    wohohoh… saya makek yang lain… wekekeke…
    tinggal dibiyarin, play sendiri.. wekekeke… :kuaget:

  2. makasih banget tutorialnya, mas laziem. sangat informatif nih. btw, kira2 berpengaruh terhadap laoding blog ndak yah setelah dipasang kodenya?

    Postingan terakhrir dari sawali tuhusetya adalah..Goyang Poco-poco dan Kesetaraan Gender

  3. cebong ipiet says:

    loooh ya aku ndak disisani petromaxxxxxxx
    wekekekekekek
    membikin abot loding blog ndak?
    halah tapiyan sayah kan ndak begitu demen lagu lagu
    dan pastinyah ini cocok buwat mas ndop dan dik ongki
    Ongki ciyeeeeh ciyeeeh tutor tutoran saiki

    Postingan terakhrir dari cebong ipiet adalah..Nyopir Ugal Ugalan

  4. Ongki says:

    @Ndop
    wew, nggone sampeyan membuat orang2 pada berlarian.. hag hag hag, kasian bagi yang fakir bandwith Mas, selain kesedot kuping indah mereka bisa2 rusak :gemplang:

    @sawali tuhusetya
    Sama2, btw, nama saya bukan laziem, wkekek, tapi Ongki.
    Endak memberatkan, soalnya filenya di load secara streaming saat tombol Play ditekan, kalau endak ya cuma playernya saja yang tampil

    @cebong ipiet
    wakaka, makae ojo belenang ae to..
    Ora mbak, blog-e tetep maknyus. Hmm, diisi ae karaokene para bangsa Cebong di Jakarta, teot tek blung.. 8O

  5. abdee says:

    kayaknya bakal memberatkan para fakir benwith deh

    Postingan terakhrir dari abdee adalah..Balada Motor Orang Miskin

  6. antown says:

    musiknya ndop aneh, mungkin itu yang dimaksud musik bjork. oya mas, pada step 2 saya gak bisa ngeklik browse napa ya??? ada tulisan click here to donlot musik itu gak bisa diklik alias mati (bukan berarti kena block sama IT kantor lho)..

    jadi gimana tuh solusinya? mohon pencerahan

    Postingan terakhrir dari antown adalah..Gambar Berbentuk Perangko

  7. aRuL says:

    hmm… menarik sekali, tapi performa loading juga berpengaruh nih.

    Postingan terakhrir dari aRuL adalah..Remaja harapan bangsa

  8. Salam kenal aja dech buat si Om yang punya blog :D

  9. Ongki says:

    @abdee
    tenang aja, filenya di load kalo tombol Play-nya ditekan..

    @antown
    wehehe, kalo Ndop itu rekamannya dia sendiri.. bikin bikin bencana alam suaranya :ampun:
    maksdunya “click here to upload music”? Di tempat saya bisa di klik.. tombolnya kalau di klik enggak ada efek animasinya, jadi keliatan seperi tidak bisa di klik, tapi bisa.. Coba mas coba lagi, atau coba di browser lain..

    @aRul
    Selama tombol Play enggak ditekan, file mp3nya enggak akan di load… Kalau di punya Ndop langsung di load, hag hag hag 8O
    @Nenad Mohamed
    Salam juga, thx :berpelukan:

  10. antown says:

    blom bisa juga saya…

  11. masDan says:

    Waaaa … – Tertarik – Tapi, Loadingnya ntar Semakin Berat Nggak ???????

  12. RainTurb says:

    nggak ada ya yang buat blogspot???

    nah, nih salah pertanyaan nih,

    bener aja deh_^

  13. aR_eRos says:

    sayah lebih seneng pakai music-livedotnet ndak usah aplod, tinggal copas code. n koleksine dijamin komplit :D bisa untuk smua blog maupun fs

    oia permisi, numpang beken ya. nitip alamat blog yang baru http://www.ingateros.com. alamat’e sajah yang baru, kalo blognya tetep amburadul hehe. lebih beken lagi kalo di tempel ke blogroll hehe *ngarep* biar ikut beken juga.

  14. sukolaras says:

    salam kenal
    tertarik nih pingin pasang tapi lagunya sendiri bisa nggak

  15. sukolaras says:

    sudah dicoba, kenapa di sidebar nggak muncul
    kode html yang dicopy paste yang mana mas kan ada 2 itu yaitu html.code atau bb.code

  16. Ongki says:

    @Antown
    coba update flash player plugin-nya mas.. coba mas coba di komputer lain, kali aja komputernya mas bermasalah

    @masDan
    ora Mas,, filenya di load cuma kalo tombol Play ditekan.. Streaming gito..

    @RainTurb
    Hmm, ndak tau kalo blogspot.. Kalo bisa sisipin kode di sidebarnya mustiya bisa juga.

    @aR_eRos
    sip tu. Ya, abis ini aku link do blog-roll.. Sekarang lg mbenahin blog lagi..

    @sukolaras
    Yang di co-pas yang html code (yang atas). Co-pas nya di sidebar ‘Text’ ya, bisa bikin baru biar lebih enak.. :D

  17. sukolaras says:

    makasih respond yang cepat, sudah co-pas ke sidebar teks terus save tapi kok setelah dibuka kosong co-pas tadi. apa yang punya wp menolak kali

    Postingan terakhir dari sukolaras adalah..Gending Nyamleng (10)

  18. Roy says:

    Salam kenal semua..
    ak bloger baru neh…
    lagi nyari banyak temen n banyak masukan…
    mampir ketempatkau ya….

  19. Ongki says:

    @sukolaras
    hmm, mungkin saja memng ditolak.. Belum saya coba sih, tapi kalo setelah di save hilang kodenya, kemungkinan besar wordpress yang gratisan tidak support flash/java..

    @Roy
    Salam kenal juga Mas.. Sering2 berkunjung ya :mrgreen:

  20. Roy says:

    ha ha… bagus tuh..
    tapi temen temen kita yang lewat warnet lelet, ntar loadingnya makin lama toh?
    salam kenal lagi wat semuanya..
    janga luma mampir tempatku ya…

    Postingan terakhir dari Roy adalah..Aniz Azhar

  21. siip, mau di coba juga ah. tengkiu tutornya! :twisted:

    Postingan terakhir dari rezki benbego adalah..Naruto Shippuuden Episode 85-The Terrifying Secret

  22. Ongki says:

    @Roy
    tenang aja, filenya di load setelah tombol Play ditekan, kalo enggak ya endak mulai musiknya

    @rezki benbego
    yup.. :mrgreen:

  23. RainTurb says:

    wordpress lagi nih ya, kok banyak yang fiwp ya_^

    Postingan terakhir dari RainTurb adalah..Sebuah Nama Sebuah Cerita

  24. heri says:

    wah cocok buat blog saya :)

    Postingan terakhir dari heri adalah..Old and Wise – Alan Parsons Project

  25. Ongki says:

    @RainTurb
    soalnya saya pakai wordpress,, hehe :dipalu:

    @heri
    silakan di pasang juga^^

  26. nono says:

    :kuaget: klo di blog saya bs ga? :manut:

    Postingan terakhir dari nono adalah..Big Boss [Benar-benar]

  27. anam says:

    amau tanya banwith itu apa?

  28. reatheryan says:

    kok ndak isok dipasang mas?

  29. Ongki says:

    @nono
    Sepertinya untuk hosting wordpress yang gratisan endak bisa..

    @anam
    Yang saya maksud bandwith dalam tulisan ini adalah jatah quota dari internet servis provider. Bila Anda menggunakan paket internet yang volume based, misalnya 3 GB untuk 1 bulannya.

    @reatheryan
    Soalnya pakai wordpress yang gratisan.

  30. nakragil says:

    kalau lagunya lebih dari satu bisa dimainkan nggak Mas

  31. Ongki says:

    @nakragil

    Bisa, tapi ya bikin sesuai jumlah lagunya..

  32. 4ndika says:

    makasih infonya :lol:

    Posting terbaru dari 4ndika adalah..artikel lawak silakan baca

  33. wandi says:

    Mas sekarang pada langkah kedua sudah dirubah, lalu gimana caranya

  34. Ongki says:

    @4ndika

    Yup, thx dah mampir.

    @wandi

    Yup, skrg muzicon udah nyediain lagu-lagu, tinggal kita Search aja judul lagunya. Kalau ndak ada, kita bisa upload sendiri, namun, link yang diberikan harus berupa direct link, jadi Anda bisa upload di google sites saja.

  35. hehe… saia juga pake yang lainnnya nich… hihihi

  36. LX Schiffer says:

    ada g y music player yg otomatis play waktu masuk blog…
    kdnh2 kn org g liat kalo ada music player nya..

    kasih tau dong… plzzzz….

    numpang promosi :
    http://yaminobu.wordpress.com :mrgreen:

  37. kent says:

    Terima kasih …..

    Posting terbaru dari kent adalah..Mambuat Spanduk

  38. You know so many interesting infomation. You might be very wise. I like such people. Don’t top writing.

  39. telopendem says:

    gmn caranya supaya musiknya bisa tetap main di blog tapi ga’ putus….. ada solusinya ga’ bang….. laziem :kuaget:

  40. Ongki says:

    @telopendem

    itu sebenarnya bergantung pada kecepatan koneksi dari user, klo koneksinya cepet, maka proses streaming akan berjalan lancar sehingga musiknya dapat dimainkan dengan baik.

    sebaiknya gunakan kbps yg secukupnya untuk file musik, supaya proses streaming dapat berjalan stabil..

  41. [...] Pasang MP3 Player di WordPress (Situs Blog) Ditulis oleh Ongki di Tips & Tutorial pada 12th 10 2008 | 40 Komentar [...]

  42. gwe says:

    mas gwe pernah masuk keblog orang (soalnye ane lupa 8O ) trus pas masuk eh langsung ade musiknye jadi die kaga ade playernye tau2 musiknye main otomatis trus lagunye itu-itu aje… ajarin ye mas cara buatnye kaya ntu..
    makasih bet neh…

  43. anotherorion says:

    aku dulu ngembed dari musik-live.net buat blogku, sayang sekarang dah ga bisa bunyi klo di embed di blog, lagi bingung nyari yang bisa langsung play n ga perlu upload ndiri e, da referensi ga mas??
    anotherorion´s last blog ..Kecerdasane Esmosi My ComLuv Profile

  44. menone says:

    okey…makasih infonya bisa dicoba

Tulis Balasan

;) :| :x :twisted: :roll: :oops: :o :muntah: :mrgreen: :mewek: :manut: :lol: :kuaget: :kissmuah: :kesamber: :idea: :gemplang: :geleng: :evil: :emoh: :dipalu: :cry: :arrow: :P :D :?: :? :) :( :!: 8O 8)

CommentLuv Enabled