Saturday, July 06, 2013

Menampilkan Musik MP3 Pada Blog/ Wordpress


Agar tampilan blog pada blogspot atau wordpress lebih cantik, manis dan membuat betah para pengunjung maka tak ada salahnya kita menampilkan musik MP3 pada widgetnya.
Caranya :
1. Masuk  ke link https://soundcloud.com/
2. Cari saja lagu yang anda sukai dengan mengetikkan pada kolom pencarian. dalam hal ini tak ada salahnya anda coba dengarkan dulu lagunya agar sesuai dengan harapan.
catatan:
Berikut contoh script yan saya ambil dari https://soundcloud.com/
1Yogyakarta (Kla Project )
Blog
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F12786415"></iframe>
Wordpress
[soundcloud url="http://api.soundcloud.com/tracks/12786415" params="" width=" 100%" height="166" iframe="true" /]
2. As long as you love me ( Backstreet Boys )
Blog
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F67645141"></iframe>
Wordpress
[soundcloud url="http://api.soundcloud.com/tracks/67645141" params="" width=" 100%" height="166" iframe="true" /]
3.Aku Memilih Setia ( Fatin )
Blog
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F93191062"></iframe>
Wordpress
[soundcloud url="http://api.soundcloud.com/tracks/93191062" params="" width=" 100%" height="166" iframe="true" /] 
4. Tuhan ( Bimbo )
Blog
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F41207953"></iframe>
Wordpress
[soundcloud url="http://api.soundcloud.com/tracks/41207953" params="" width=" 100%" height="166" iframe="true" /]


3. Bila sudah cocok dengan keinginan maka langkah berikutnya adalah men-copy script dengan cara meng-Klik kolom share. Nah di situ nanti ada script untuk blog maupun wordpress. Anda pilih saja yang sesuai blog anda.
4. Masuk ke dashboard/ blogger anda. Bila pada wordpress pilih tampilan, widget, teks. Kemudian paste-kan script yang sudah anda copy.
Bila blogspot maka masuk ke blogger anda, pilih tata letak, tambahkan gadget, HTML/Java Script, berikan judul, dan pastekan script yang sudah dicopy sebelumnya.
5. Klik simpan dan silakan cek blog anda.
Selamat mencoba !

No comments:

Post a Comment