Oleh: Refa | 26 Februari 2012

Cara Memasang Playlist Lagu/Video di Sidebar WordPress



MusicPlaylist
Music Playlist at MixPod.com

Ok Bro kali ini saya akan menuliskan artikel tentang cara memasang playlist lagu (bisa juga video) di blog kamu, khususnya yang menggunakan wordpress. Sebenarnya ada banyak aplikasi yg menyediakan fasilitas seperti ini. Namun kali ini saya memilih menggunakan mixpod, karena saya sendiri telah mempraktekkan secara langsung, dan hasilnya seperti yang anda lihat, dengar, dan rasakan di side bar (kanan bawah) blog saya ini.
Bagaimana langkah-langkahnya? Baik ikuti tahapan-tahapan berikut ini.

  1. Pertama anda harus punya akun di mixpod. Buka saja www.mixpod.com terus lakukan registrasi/sign up. Gratis dan singkat kok karena anda hanya diminta mengisi email anda dan passwordnya. Konfirmasi akan langsung dikirim ke email anda. Jadi buka dulu email anda, cari email terbaru dari mixpod di kotak inbox  dan klik untuk verifikasi.
  2. Anda akan kembali ke halaman mixpod. Create Playlist. Lalu pilih atau cari lagu yang anda inginkan di kotak search
  3. Klik tanda plus (+) Untuk memasukkan lagu/video ke daftar playlist anda.
  4. Langkah berikutnya adalah Customize Skin and Color. Ini untuk memilih bentuk tampilan player yg anda kehendaki.
  5. Berikutnya klik  Setting.
    • Pilih yes untuk auto play jika anda menginginkan lagu langsung diputar otomatis ketika blog anda dibuka. Pilih No untuk sebaliknya
    • Pilih No pada Suffle jika anda menginginkan lagu diputar secara urut, dan Yes bila ingin acak.
    • Pilih yes pada loop sehingga lagu akan diputar dari awal lagi secara otomatis bila semua lagu telah selesai diputar.
    • Pilih publish pada privacy, sehingga semua orang yang mengunjungi blog anda bisa melihat mendengar dan merasakan playlist anda.
  6.  Langkah berikutnya adalah Save Playlist . Berikan nama pada playlist anda, isikan deskripsi tentang playlist anda, pilih genre dan kategori, tulis pula tags untuk playlist anda.
  7. Berikutnya klik SAVE (GET CODE). Tunggu sampai muncul jendela baru. Karena kita mau memasang di wordpress, klik saja Other Site (paling bawah) lalu di sisi kanan akan muncul pilihan blog. Cari logo wordpress dengan mengklik logo MORE , karena logo wordpress ada di halaman kedua, setelah muncul lalu klik wordpress.
  8. Masukkan username dan password wordpress anda lalu klik post. Sampai tahap ini sebenarnya playlist anda telah muncul otomatis di blog anda, hanya saja posisinya tidak dalam sidebar tapi dalam tulisan baru tanpa judul.
  9. Sekarang buka dashboard wordpress anda. Lihat tulisan baru tanpa judul di daftar tulisan anda.  (post & edit posting no title). Buka tulisan tanpa judul tersebut, lihat dalam format HTML. Blok semua dan copy code html tersebut.
  10. Selanjutnya  Buka Appearance (Tema) Pilih Widget
  11. Pilih Widget text, seret dan pasang di lokasi sidebar anda.
  12. Langkah terakhir paste code html di widget text yg baru anda pasang, lalu klik save

Nah selesai, sekarang buka atau refresh blog anda, dan play list anda sudah muncul di sidebar anda. lagu akan diputar otomatis jika pada settingan anda memilih auto.

Jika ada hal-hal yang belum jelas tentang langkah-langkah di atas silahkan sampaikan dengan cara  tinggalkan komentar di bawah ini.

UPDATE INFO:

NAMPAKNYA MIXPOD TELAH MELAKUKAN PERUBAHAN, TAPI JANGAN KAWATIR

Buat teman yang masih bingung kenapa Other Sidenya gak ada,, Nie aq kasih contoh supaya bisa muncul kembali
Code yang telah diberikan oleh  mixpod harus kita edit / rubah dulu menjadi spt ini.

[GIGYA src=”http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=89088815&path=2012/06/27″ quality=”high” wmode=”window” bgcolor=”222222″ flashvars=”mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false” width=”410″ height=”311″ name=”mixpod” salign=”TL” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” border=”0″ style=”visibility:visible;width:410px;height:311px;” ]

<a href=”http://www.mixpod.com/playlist/89088815″><img src=”http://assets.mixpod.com/images/btn2-tracks.gif&#8221; alt=”Music” title=”Get Music Tracks!” border=”0″></a><a href=”http://www.mixpod.com&#8221; target=”_blank”><img src=”http://assets.mixpod.com/images/btn2-create.gif&#8221; alt=”Playlist” title=”Create Your Free Playlist!” border=0></a><a href=”http://www.mixpod.com/user/23539240″><img src=”http://assets.mixpod.com/images/btn2-profile.gif&#8221; alt=”View Profile” title=”View all my playlists!” border=”0″></a><br />Create a <a href=”http://www.mixpod.com/”>playlist</a&gt; at <a href=”http://www.mixpod.com/”>MixPod.com</a&gt;
————————————————————————————————————————————————————————

Keterangan
warna merah adalah letak code yg sdh dirubah, untuk menggantikan code sebelumnya yg tidak diperkenankan lagi

yang tulisan warna biru di hapus/dihilangkan saja

ingat   bro“ semua yang berbasis embbed baik itu mixpod, mp3, flash banner, dll di ganti dengan gigya dan penutupnya harus pakai “]”
Semoga Berhasil…

UPDATE INFO  LAGI: LAGI-LAGI UPDATE INFO

NAMPAKNYA MIXPOD TELAH MENGALAMI GANGGUAN, ENTAH BANGKRUT ATAU SEDANG MAINTENANCE, TAPI YG JELAS MIXPOD NGGAK BISA JALAN LAGI, ENTAH SAMPAI KAPAN. KALAU ANDA MENGUNJUNGI HALAMAN MIXPOD.COM AKAN MUNCUL PESAN GINI, “MixPod is closed. Stay tuned, we’ll have some information on exporting your playlist information.

HARAP MAKLUM. SO… JANGAN PROTES KALAU PETUNJUK SAYA DI ATAS GAK BISA DIPAKAI LAGI.


Tanggapan

  1. Terima kasih atas share ilmunya.aku doakan semoga ilmunya terus berkembang.

    Suka

  2. Terima kasih atas share ilmunya.aku doakan semoga ilmunya terus berkembang mas

    Suka

  3. gan tanya, gue mencet yang other site tapi kok gak ada logo apapun sama sekali? itu muculnya dimana sih? di kotak yang sebelahnya pilihan yang myspace, fb, tumblr itu kan? kenapa kagak ada gan? T-T

    Suka

    • logo muncul di samping kanannya, di tampilan pertama tdk ada wordpress, klik logo more baru di tampilan berikutnya muncul logo wordpress. kalo gak muncul, tunggu beberapa saat dulu. saya barusan cek bisa kok. atau mungkin komputer anda blm terinstal java dan adobe flash player.

      Suka

  4. sudah gan.. ternyata loadingnya emang agak lama.. thanks gan :D

    Suka

  5. ijin nyoba kang… :) makasih yah infonya

    Suka

    • Ok silakan dicoba

      Suka

  6. koq ngak ada logo wordpress nya … ??

    Suka

    • klik dulu more. logo wp baru ada di jendela berikutnya. (simak step no 8)

      Suka

  7. ko aq msukkan email paswordx g bsa c

    Suka

    • sesuai judulnya ini untuk di pasang di wordpress. kalau untuk blogspot mungkin agak beda caranya. Mbak kan blonya pake blogspot.

      Suka

    • hhhhhhhhhhhhh jalan2 ke blog aq yuck,

      Suka

      • kunjungan balik sdh dilakukan

        Suka

  8. Askum, trimakasih atas infonya pak. numpang copy artikelnya

    Suka

    • Askum bukan salam yg tepat. krn maknanya lain. Celaka. Silakan dicopipaste dengan mencantumkan sumbernya/link ke mari

      Suka

  9. ak coba dr td kok gak ado other site.ny ya gan?gmn it?

    Suka

    • kemungkinan koneksi internet anda yg lambat shg hrs ditunggu beberapa saat baru muncul. atau coba di refresh (tekan tombol F5). tulisan other site ada di bagian bawah.

      Suka

  10. maaf mau numpang tanya kok aku gak ad ketemu bacaan other side nya ya ? and thnk’s buat ilmu nya

    Suka

  11. Mau numpang tanya, aku gak ada other sidenya plg bawah itu adanya kidzworld, apakah udah diubah darisananya? thx

    Suka

    • mungkin sudah diubah oleh mixpod

      Suka

  12. mau tanya dong :) ko aku ga nemuin other site nya ya?? thx

    Suka

  13. KOK AQ G’NEMUIN OTHER SITE NYA YACH ………… GIMANA NIH ?????\

    Suka

  14. jalan2 membantu orang he he he. sebenarnya other site ada cmn biasanya kalian salah edit truz ada juga berbasis swf. . aq bisa bantu koq bro.. lam kenal semua

    Suka

  15. gan gak da othe side’y gimana

    Suka

  16. sudah dijelaskan oleh Ariezetri di atas. klik aja link yg diberikan

    Suka

  17. aku sudah coba.. dishare itu baru ada more wordpressnya.. other site ttp gak ketemu.. apa masukin dilogo share wp itu? aku coba tapi gk keluar playlistnya diwp gmna tuh min? hanya tulisannya saja
    mohon bantuanyya?

    Suka

  18. lihat keterangan di bagian paling bawah tulisan saya. ada info updatenya

    Suka

  19. saya gak ngerti,,min mau bantuin buat masukinnya gak ???

    Suka

    • sdh cukup jelas saya rasa

      Suka

  20. thx ya!! akhirnya onyq berhasil!!

    Suka

    • sama sama

      Suka

  21. http://azkaazzahragoblog.wordpress.com

    Suka

  22. mas mau tanya..
    kalo membuat seperti punya anda (soundcloud) yang bisa masang banyak lagu itu bagaimana caranya?
    soalnya saya cuman bisa masanag satu…
    trimakasih sebelumnya

    Suka

    • anda harus bikim akun dulu di soundcloud, terus login, masuk di kontrol panel, ada settingan di situ untuk membuat playlist (daftar lagu) yg akan di putar.

      Suka

      • saya sudah punya..
        log in lewat facebook..
        tapi saya hanya bisa masang hanya satu lagu..
        saya inginnya lebih dari satu lagu (dibuat list)
        mohon bantuannya

        Suka

        • Nanti ya, mudahan mlm ini sempat. Ini msh di luaran online dr tablet agak ribet

          Suka

        • ok..
          biar bisa kayak musik di wordpress anda..
          lagunya bisa milih :D

          Suka

        • kalau anda sudah bisa membuat satu lagu, berarti tinggal add track saja, caranya edit lagu anda. dengan meng klik tombol add to set, beri nama set nya (judul album misalnya). lalu di profile kita klik di set. setelah itu edit lagu lalu muncul di bawahnya add track (menambahkan lagu lain) jangan lupa save lagi kalau upload tambahan lagu sdh selesai. nanti share ulang, dan copi paste wingadge nya

          Suka

        • Trimakasih atas infonya..
          sangat bermanfaat :)
          sekarang sudah bisa

          Suka


Bagaimana tanggapan anda ?

Kategori