Widget Musik Player Untuk Blog

Sebelumnya saya pernah share Cara Memasang Mp3 Di Blog
berbeda pada artikel sebelumnya yang hanya bisa memasang 1 file mp3 tanpa bisa menggantinya dan tentu pengunjung blog akan bosan jika lagu yang di putar itu-itu saja

pada widget musik kali ini, kita bisa memasang beberapa file mp3
jadi, pengunjung blog bisa mengganti lagu yang sudah di sediakan kita sesuai keinginan mereka

Lihat Contoh

Tahap 1. Masuk Dashboard - Template - Edit HTML


Tahap 2. Cari Kode </head> (CTRL + F)
salin Kode Dibawah dan tempel sebelum kode di atas

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://haidarax.googlecode.com/files/jquery.mousewheel-3.0.4.js"></script>
<script type="text/javascript" src="https://haidarax.googlecode.com/files/jquery.jscrollpane.js"></script>
<script type="text/javascript" src="https://haidarax.googlecode.com/files/widget-musik.js"></script>

Tahap 3. Cari Kode </body> (CTRL + F)
salin Kode Dibawah dan tempel sebelum kode di atas

<div class="musik-haidarax"></div>
<div style='text-align:center;' class='silid-haidarax' id='musik' rel='nofollow'>
<div class='kotak-haidarax'><ul id='navigasi'><a href='#'>X</a>Daftar Putar</ul>
<div class="scroll-pane horizontal-only">
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
<a href="javascript:void(0)" onclick="musikdap('A','B','C','D');">A</a><br/>
</div></div></div>
<script>musikdap('A','B','C','D');</script>

Penjelasan

A ganti sesuai nama artis dan judul lagunya
contoh: Jeje Guitaraddict - Heavy Rotation

B ganti dengan url mp3 yang sudah di upload
contoh: http://haidarax.heck.in/files/jeje-guitaraddict-heavy.mp3

C untuk menentukan apakah lagunya ingin diputar secara otomatis atau tidak
Jika Tidak ingin diputar secara otomatis diisi false
sebaliknya jika ingin diputar secara otomatis diisi true

D untuk menentukan apakah lagunya ingin diputar ulang atau tidak
Jika Tidak ingin diputar ulang diisi no
sebaliknya jika ingin diputar ulang diisi always

Semoga artikel tentang Widget Musik Player Untuk Blog bermanfaat