Cara Membuat Audio Player di WordPress Gratisan

Posted on Updated on

Bismillaah..

Setelah ada pertanyaan dari beberapa ikhwan yang menanyakan cara memasang Audio Player di WordPress, maka saya bermaksud untuk sedikit menjelaskan langkah-langkahnya.

Kode dasar (default) dalam menampilkan Audio Player adalah seperti ini:

Sebagai contoh, jika ingin menampilan kajian => http://statics.ilmoe.com/kajian/users/solo/Rizky-AlMagetaniy/Kajian-Rutin-UNS/Al-Ustadz-Ayip-Syafruddin/Al_Ustadz_Ayip_Syafruddin-Syarah_Tsalatsatul_Ushul_012.mp3

maka kodenya seperti berikut,

dan tampilannya menjadi seperti ini,

Kemudian ada beberapa variasi yang dapat ditambahkan semisal warna latar belakang, warna tulisan, warna slider, dan lain-lain. Penjelasannya kurang lebih sebagai berikut:

0: |skip=0xHEX

1: |leftbg=0xHEX

2: |lefticon=0xHEX

3: |bg=xHEX

4: |righticon=0xHEX

5: |rightbg=0xHEX

6: |text=0xHEX

7: |slider=0xHEX

8: |loader=0xHEX

9: |track=0xHEX

10: |border=0xHEX

11: |bgcolor=#HEX [← tergantung warna background  blog yang anda miliki]

12: |volslider=0xHEX

13: |voltrack=0xHEX

Saat dijalankan:

14: |righticonhover = 0xHEX

15: |rightbghover = 0xHEX

Saat saya menulis kata “HEX“, maka Anda menyisipkan nomor hex untuk warna yang diinginkan, untuk menemukan warna/angka, Anda dapat mencarinya semisal di sini [link] atau [link] atau yang lainnya.

No.11 harus diubah jika background  teks tidak putih dalam tema yang Anda gunakan, jika anda kebingungan mencari kode background  blog yang anda pakai. Saya sarankan memakai kode seperti berikut agar tidak kelihatan warna backgroundnya:

|animation=no [←audio player selalu dalam tampilan terbuka]

Saran saya, tidak perlu anda untuk menampilkan seluruh kode yang telah saya sebutkan, cukup beberapa saja yang kiranya penting karena bisa jadi jika salah memilih warna atau terlalu banyak kode yang anda pakai maka tampilannya jadi kurang bagus atau anda sendiri menjadi kebingungan.

Opsi Tambahan

Ada beberapa opsi selain warna yang bisa ditambahkan semisal, Judul, nama pemateri, lebar audio player, dan selainnya.

|titles=Masukkan Judul

|artists=Masukkan Nama Pemateri

|animation=no [←audio player selalu dalam tampilan terbuka]

|width=Masukkan angka lebar; lebar defaultnya adalah 290

Dan ini contoh audio player yang saya buat:

Kodenya seperti berikut:

Selesai, semoga bermanfaat baarakallaahu fiykum.

Karanganyar hari Selasa, 13 Maret 2012

Rizky Abu Salman Al-Magetaniy

http://www.facebook.com/notes/rizky-al-magetaniy/cara-membuat-audio-player-di-wordpress-gratisan/10151386924775532

Tinggalkan komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s