Skip to content

Memainkan Lagu di Blog WordPress

Mei 22, 2010

Sebagai pengguna WordPress selama lebih dari 2 tahun, akhirnya baru sekarang saya mengetahui cara untuk memutar lagu sebagai latar-suara di blog WordPress! Dahulu saya sempat utak-atik sana-sini, cari-cari embedded-code untuk dipasang di widget WordPress. Tapi belum ada yang berhasil!  Ah, jadi teringat seorang teman yang bertanya tentang cara ini dalam rangka untuk membuat undangan pernikahan online via WordPress.

Ketika itu setahu saya memutar lagu di WordPress itu hanya bisa dilakukan di versi berbayar. Akhirnya temanku itu membuat undangan pernikahan online menggunakan layanan web gratis undangan-pernikahan. Kalau tidak salah, layanan seperti ini lumayan banyak di dunia maya.

Hari ini saya barulah saya mengetahui caranya! Ternyata mudah dan sederhana!

1. Buka website musik-live : http://www.musik-live.net/

2. Cari lagu yang diinginkan. Masukkan kata kunci pencarian di tempat yang telah disediakan.

3. Jika lagu yang diinginkan ketemu, klik pada tulisan “play and embed code“.

4. Nah, sebagai pengguna WordPress, selanjutnya pada halaman yang baru, klik pada icon WordPress. Masukkan username, password, dan alamat blog. Perhatikan bahwa pada alamat blog, ketikkan secara lengkap. Contohnya : http://putrichairina.wordpress.com. Secara otomatis, musik-live akan membuat tulisan baru di blog tersebut. Tulisan ini berisi kode HTML yang diperlukan untuk membuat widget lagu di WordPress.

5. Selang beberapa menit, coba masuk ke blog WordPress tadi. Lihat apakah ada tulisan baru yang masuk? Kalau ada, tulisan itu berasal dari musik-live. Jika tidak ada, coba ulangi tahap 4.

6. Masuk ke fitur “edit post” dari tulisan itu. Lihat tulisan dalam bentuk HTML, bukan “visual”. (ada di kanan atas dari kotak untuk menulis di WordPress)

7. Ambil seluruh HTML yang ada. Simpan di file sementara. Lalu hapus tulisan itu.

8. Buat widget baru untuk meletakkan kotak lagu ini. Pilih widget tipe “text”. Tulis nama widget ini, misalnya : lagu ku. Lalu salin seluruh HTML yang sebelumnya sudah disimpan. Simpan widget ini.

9. Coba lihat ke blog anda. Widget sudah terpasang dan lagu secara otomatis diputar! Voila!

widget lagu di WordPress

10. Terakhir. Demi keamanan, segeralah ganti password WordPress anda!

Untuk WordPress mania, jika mau buat undangan pernikahan online, tentu sekarang tidak perlu beralih ke lain hati. Cukup gunakan WordPress! :)

Selamat ber-WordPress-ria!

Terima kasih untuk Raly yang telah menginspirasi.

……………….
Lagu ini juga bisa dipasang di tiap tulisan pada blog WordPress! Berikut ini contohnya :

Ronan Keating feat. Cat Stevens (Yusuf Islam) – Father And Son.mp3

get more free mp3 & video codes at www.musik-live.net

……………….

Catatan :

Tentunya hal ini membuat blog anda semakin berat untuk dibuka. Jadi bijaksanalah menggunakan fitur-fitur semacam ini.

About these ads
33 Komentar leave one →
  1. Mei 22, 2010 10:12

    Ah, ini dia….
    SAya bingung gimana caranya ngasih lagu di postingan supaya narablog bisa mendengarkan theme song tulisan saya. Ga tahunya setelah cari2 info di wp, emang harus yang berbayar. Mahal pula, musti upgrade 50-an dolar. Duh duh…. :D
    Ntar deh kalo udah punya duit saya bakal upgrade. :lol:

    • Mei 22, 2010 10:24

      Sop, kalau menggunakan cara di atas, kode HTML-nya bisa dimasukkan ke dalam tulisan loh. Jadi tiap tulisan kita bisa ada lagunya! :)

    • Mei 22, 2010 11:40

      Sop, itu sudah saya beri contohnya diatas. Keren kan! :mrgreen:

      • Mei 22, 2010 13:28

        Eh, iya loh. Bener. Bisa! :D :D :D
        Oke oke, saya coba dulu. :mrgreen:
        Ntar saya tanya2 lagi deh kalo gagal. ;)

      • Mei 22, 2010 13:32

        Oh ya, butuh jaringan internet yang kenceng ya supaya bisa dengerin lagunya lancar. Kayak youtube gitu kan, ada waktu buat nge-buffer-nya.

      • Mei 24, 2010 01:52

        Betul sekali, Sop.

  2. Mei 22, 2010 13:37

    Iya ya, kita disuruh masukin password ya?? Apa setiap kali mau meng-embed kita harus taruh password?

    • Mei 24, 2010 01:53

      Iya, harus begitu caranya. Sebetulnya saya sudah coba utak-atik supaya bisa melakukan hal ini tanpa lewat musik-live. Tapi belum berhasil. Semoga long-weekend ini ada waktu untuk utak-atik. :)

  3. Mei 23, 2010 06:03

    tambah berat aja nih klo pake winamp….
    hehehe…
    tapi mau saya coba….

    • Mei 24, 2010 01:53

      Mangga dicoba… :)

  4. Mei 27, 2010 13:36

    bukannya pake tag html juga bisa nyelipin backsound, lebih mudah lagi..

    • Mei 27, 2010 22:50

      Sudah pernah mencoba? Ada contohnya?

    • Mei 30, 2010 05:40

      aku udah pernah cb bkn backsound, tag nya seperti ini CMIIW: <BGSOUND SRC=”namafile.mp3″ loop=”1″> taruh file lagu didalam folder, kalo mo diulang-ulang ganti aja loop-nya jd INFINITE

      • Mei 30, 2010 12:01

        Wah, terima kasih untuk infonya, Ka. Foldernya berada dimana ya? Apakah file mp3 tersebut bisa diletakkan di file-storage seperti 4shared?

    • Juni 3, 2010 13:16

      kalo mo ditaruh di hosting kita tinggal UL aja dan copy paste link UL nya..

      kalo ditaruh di file storage bisa gak ya, gak tau deh lum pernah coba sih..
      coba aja, gak da salahnya koq..

      • Juni 3, 2010 13:20

        Sudah dicoba, Ka. Tidak berhasil.

    • Juni 5, 2010 10:43

      aku iseng2 cb pasang lagu di blogku tp pk embed ngambil code-nya dr idws trus aku utak-atik tuh tag-nya akhirnya bisa juga, kalo mo liat preview-nya langsung aja ke tkp sekalian mampir hiks..

      • Juni 5, 2010 21:52

        OK. Langsung ke TKP.

  5. Juni 12, 2010 11:51

    Tanya dong, cara ini maksudnya kalau kita buka web bisa langsung terdengar lagunya bukan ?

    • Juni 12, 2010 12:58

      Yup.

  6. Agustus 27, 2010 04:06

    bagus sih tp kenapa icon gambarnya ga pinda ke samping kenapa tetap di tengah

  7. September 9, 2010 00:27

    Pake mixpod juga bisa… :lol:

  8. Oktober 17, 2010 15:56

    wah bagus sekali tutorialnya… udah ane coba, berhasil sih tapi agak ribet juga ya..
    ane utak-atik script yg udah didapat, alhamdulillah berhasil.. mutar lagu tanpa harus ke music-live.net lagi…

    silakan liat disini :)

    http://saladinreborn.wordpress.com/2010/10/17/music-player/

  9. Desember 1, 2010 19:09

    thanks ya sob atas sarannya

  10. twoar permalink
    Januari 2, 2011 06:52

    widget already plug in, but the sound isn’t out, anything wrong ?

  11. Januari 3, 2011 02:14

    wah..! it works!
    I’m glad..good job! ^_~b

  12. Januari 8, 2011 10:30

    coba ah..
    thanks infonya, salam kenal semua

  13. Februari 11, 2011 04:15

    Makasih ilmunya mbak.. (dari search gugel, jawaban dari pertanyaan saya nunjuknya ke sini)
    langsung dicoba,, ;)

  14. sarmanpsagala permalink
    Agustus 25, 2011 05:11

    wah udah gak bisa lagi tuh… ada cara lain???

  15. November 9, 2011 13:12

    akhirnya berhasil…silakan mampir ya…buat admin ane kasih jempol buat masukannya

  16. November 11, 2011 06:11

    maaf gan, saya bagi2 code script, numpang ya izin ma owner dan admindnya.
    ni saya punya code buat putar musik di blog ataupun website bagi agan2 yg kesulitan, mudah2an bisa membantu agan2 semua silahkan di copas aja gan, gratis ko, sekalian buat perkenalan. ni juga kebutulan lewat, liat2 ko ada membahas tentang itu pemutar-pemutar yang keluar suaranya hehehe ☺☺☺☺, sekali lagi maas, bukan sok pintar, tapi pengen bagi2 aja ya, jagan di pandang dari segi negatif.

    script:

    http://mengenalmu.swf

    syaratnya agan harus mengconvert terlebih dulu itu file *.mp3 ke *.swf lalu upload ke folder tempat di mana agan menyimpan berkas file dan rubahlah sama agan isi di dalam tanda petik setelah scr=”….” dengan alamat dimana file *swf agan simpan.

  17. November 11, 2011 06:16

    wek…, scriptnya jadi ilang kacau deh, pengen bagi2 jadi apes

  18. Juni 17, 2012 05:52

    aku masih ga ngerti sama yang tahap 4. maskudnya, msuk k icon wordpress.com truz dstu cuma ada username/email sama passwrod, nah…ga ada itu yang alamt blog. kurang jelas. bisa di rinciin?

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

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

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 242 pengikut lainnya.

%d blogger menyukai ini: