Memasang MP3 Player Pada Blog

Teman-teman sudah baca kan tentang Puisi Untuk Sahabat, tapi ada yang beda pada postingan itu yaitu saya pasang Mp3 Player berbasis Flash, kalau untuk embed video dari youtube saya yakin teman-teman sudah pada jago. Nah saya ingin berbagi tips untuk bisa melakukan itu bagi yang belum tahu tentunya. Yuk kita mulai!!

Pada awalnya saya ingin memakai file mp3 dari hostingan saya, tapi saya pikir itu bisa menghabiskan bandwidth untuk hal-hal yang tidak terlalu penting. Jadi nyari alternatif lain deh, dapat deh dari situs file hosting 4shared.com untuk mengembed kode situs 4shared begini caranya:

- Pada lagu atau video yang ingin ditampilkan, Salin kode embed yang ini



Untuk Wordpress

- Masuk ke mode HTML copy kan kode embednya

misalnya kodenya seperti ini
<embed src="http://www.4shared.com/embed/112178457/c0794b84" width="420" height="250" allowfullscreen="true" allowscriptaccess="always"></embed>

Terus berlalih ke mode VISUAL lalu balik ke mode HTML lagi, seharusnya kodenya berubah menjadi
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.4shared.com/embed/112178457/c0794b84" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="420" height="250" src="http://www.4shared.com/embed/112178457/c0794b84" allowfullscreen="true"></embed></object>

nah kode merahnya itu bisa diganti defaultnya adalah 250, tapi karena mp3 tidak menampilkan video saya ubah menjadi 19 tapi itu sih terserah selera, kalau untuk video sebaiknya jangan di ubah. Nah sebelum di publish pastikan kodenya seperti kode diatas supaya bisa muncul.

Untuk selain wordpress

- Copy kode embednya pada notepad, Ms.word atau sejenisnya

misalnya:
<embed src="http://www.4shared.com/embed/112178457/c0794b84" width="420" height="250" allowfullscreen="true" allowscriptaccess="always"></embed>

lalu copy kode ini:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="250" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.4shared.com/embed/112178457/c0794b84" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="420" height="250" src="http://www.4shared.com/embed/112178457/c0794b84" allowfullscreen="true"></embed></object>

ganti kode warna biru dengan kode embed (warna merah), lalu berikutnya sama seperti cara wordpress tinggal ganti 250nya, kalu berhasil jadi seperti ini



Entah ini berguna atau tidak untuk temen2, yang penting saya ingin berbagi ilmu weh pokokna mah

47 komentar:

  1. thanks atas tipsnya mas
    tapi rasanya memasang mp3 atau video akan memberatkan akses blog kita deh
    .-= bangipung´s last blog ..Plugin Anti Spam Apa Yang Anda Gunakan? =-.

    BalasHapus
  2. Thanks sob. Selain cara di atas ada juga cara lain yaitu dengan menginstall plug-in (saya lupa namanya) untuk wordpress. Benar, untuk file mp3 yang terdapat di server lain kita link ke situ aja, supaya bisa menghemat bandwidth dan space.

    BalasHapus
  3. bener bangipung, emang resikonya ya begituh

    BalasHapus
  4. pake plugin juga bisa sih, tapi saya mau meminimalisir penggunaan plugin, soalnya kebanyakkan plugin juga kurang baik

    BalasHapus
  5. sekalian blog walking

    sekalian tambah tambah ilmu nie

    artikel yang bagus sob

    BalasHapus
  6. terima kasih dah berkunjung

    BalasHapus
  7. Gun, jujur saja sampai saat ini saya belum kepikiran memasang mp3 player pada blog. Karena imbas loading yang lelet.

    BalasHapus
  8. tips ini saya baru tau, thx yah :D
    .-= arif´s last blog ..Belajar Ekonometri dari Belanda =-.

    BalasHapus
  9. Sebenernya dibilang lelet sih enggak juga, selama player belum di eksekusi, jd script embed nya doang yang akan diload oleh blog kita, nah bgitu playernya di klik tombol play nya, baru deh kedigjayaan koneksi dipertontonkan.... :)
    .-= social media´s last blog ..Maybe God has left us, or….. =-.

    BalasHapus
  10. I feel a lot more people need to read this, very good info!

    BalasHapus
  11. sip lah gan,...bagi2 ilmu yang lain nyak??? :D
    .-= yanrmhd´s last blog ..Karena Engkau Insan Pilihan =-.

    BalasHapus
  12. lagunya langsung nyala atau kita/pengunjung harus klik play dulu ?
    mohon pencerahannya kang.. nuhun.

    salam kenal

    BalasHapus
  13. enya sami-sami salam kenal juga, ini harus diklik dulu jadi ngga langsung play

    BalasHapus
  14. nanya bro klo buat yang langsung play bisa ngga yah cuma ngutak atik kode diatas, soalnya langgananku dulu musik-live.net klo dimasukin ke blogku malah error ga bersuara

    BalasHapus
  15. @anotherorion: yang ini ngga bisa langsung play, tapi gak tau kalu diotak-atik lagi

    BalasHapus
  16. mungkin klo di dalam tab embed dikasih tambahan autostart="true" baru mau bro, tadi abis blogwalking ada yang nulis begitu hehehe

    BalasHapus
  17. makasih infonya, mau buat mp3nya dulu ya. :)

    BalasHapus
  18. oke deh selamat membuat

    BalasHapus
  19. thx gan ... keren banget neh posting-an nya ..

    BalasHapus
  20. mantab cuy!!!thx ya atas informasinya . . . . . . .

    BalasHapus
  21. gimana sih caranya ke mode visual???
    langsung balez n kasih tw aku ya secepatnya klo bisa!!!

    Wassalam

    BalasHapus
  22. kan ada tulisannya, setiap posting di blogspot atau wordpress ada mode html dan mode biasa (visual) biasany kalau setiap menulis tulisan baru secara otomatis di mode visual, begituh

    BalasHapus
  23. mempengaruhi loading blog gak mas.

    BalasHapus
  24. kalau belum di play sih ngga

    BalasHapus
  25. lagunya harus di hosting melalui 4shared? tdk bs dr hosting yg lain?

    BalasHapus
  26. tidak harus selalu di 4shared, asalkan bisa di embed tapi mungkin kodenya akan berubah

    BalasHapus
  27. Kereeeeennnnn,,,,,,!!!!!!!!!!!

    BalasHapus
  28. mau nanya kalo tampilan 4harednya tanpa video sekarang bisa ga ya?

    BalasHapus
  29. Mantab, akan aku coba ..... thx berat

    BalasHapus
  30. kk ini muskinya replay sendiri nga ? (mis : Lagu uda abis allu ulank lage / lanjut ke lagu berikutnya ?)

    BalasHapus
  31. ini langsung stop/berhenti

    BalasHapus
  32. Mas, saya kok gag bisa masang di wordpress ya..
    coba tolong kasih satu sample di wordpress dong mas..

    BalasHapus
  33. yang diatas kan buat wordpress

    BalasHapus
  34. untuk selain WP sudah dilakukan sesuai dengan cara diatas, kok gak ada nongol nih setelah di view artikelnnya, gak ada nongol tempat pemutaran MP3 nya

    BalasHapus
  35. makasih bro................main k blog saya boz............heheee

    BalasHapus
  36. untuk cara gampangnya langsung saja copy code embednya dari 4shared

    BalasHapus
  37. gan, kalo untuk blogger gimana caranya...???

    BalasHapus
  38. bagus nih artikelnya. ayo mampir juga ke blog gue,... thank's. aye tunggu kunjungannya.

    BalasHapus
  39. menarik sekali...

    terimakasih,ijin copas ya...

    www.komputerdudu.blogspot.com

    BalasHapus
  40. kok ga bisa diplay mas musiknya. malah cuma bisa download aja

    BalasHapus
  41. Jalan-jalan tengak tinguk... o..ow... bagus juga nih... coba ah..

    BalasHapus
  42. wah patut di coba ne...
    thanks gan post nya

    BalasHapus

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS