Cara Memasang Widget Musik di WordPress.com

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.

Begini nih caranya:

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

  • Link tersebut 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. 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

  • 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

  • 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. Yang saya lakukan adalah seperti ini:

  • Saya akan mengganti lagu “Kissing” dengan “Destination Calabria” jadi saya jalankan lagi point 1-5 di atas
  • Waktu muncul kode embed-nya saya tidak meng-klik ikon WordPress. yang saya klik dan copy adalah kolom embed code yang memanjang di bawah ikon-ikon itu.

cara memasang musik di blog wordpress

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

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 http://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.

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)

Sumber: http://annunaki.wordpress.com/2010/10/02/memasang-musik-di-blog-wordpress/

Diakses pada tanggal 18 November 2011 pukul 20.25 WIB

About these ads

Tinggalkan 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 26 pengikut lainnya.

%d bloggers like this: