Memasang Musik di Blog WordPress.com

Tulisan berikut didedikasikan untuk neng Erwin yg telah memberikan info menarik ini

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 .

Neng Erwin yg super narsis inilah yg memberitahukan pada admin blog annunaki bagaimana caranya. Begini nih caranya:

• Kunjungi link ini [ http://www.musik-live.net/find.php?search=&source=%E2%80%9D ]

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 tsb 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
• 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. Yg saya lakukan adalah spt ini:

• saya akan mengganti lagu “Kissing” dengan “Destination Calabria” jadi saya jalankan lagi point 1-5 diatas
• Waktu muncul kode embed-nya saya tidak meng-klik ikon wordpress. yang saya klik dan kopi 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 sbb:

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&#8221; /><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&#8221; 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&#8221; 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&#8221; 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)

Bagaimana sob? Gampang kan? Silahkan dicobain cara pasang musik MP3 di blog dan hasilnya dishare disini 😀