Widget Music Player Di blog

Music Player SM merupakan widget blogger yang memungkinkan anda mendengarkan musik dengan bufering dari masing- masing url lagu. Anda juga bisa mensetop, memutar dan menganti daftar lagu yang ingin anda putar.

Untuk Upload Lagu anda bisa pergi ke Google Code
Untuk Konvert Lagu agar ukuran file menjadi kecil Disini

Suport oleh Adobe Flash Player

Demo    Instalasi

Note!

1. Untuk mengganti anda cukup merubah URL LAGU dan JUDUL LAGU

<li><a onclick="musicSMdonk('URL LAGU','JUDUL LAGU');">1. JUDUL LAGU</a></li>

• Pilih Tab Template lalu klik Edit HTML
• Letakkan CSS berikut di atas ]]></b:skin>

.musikplayer-sm{position:fixed;z-index:296;bottom:38px;left:10px;} .dalem-musikplayer{background:#333;color:white;width:300px;padding:6px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black;display:inline-block;} .dalem-musikplayer a{cursor:pointer;color:#0186CB;} .dalem-musikplayer a:hover{color:#0186CB;text-decoration:underline;} #daftarputar-sm{position:relative;z-index:297;display:none;max-height:200px;padding:6px;margin-bottom:-20px;overflow:scroll;box-shadow:0pt 1px 2px black;-webkit-box-shadow:0pt 1px 2px black;-moz-box-shadow:0pt 1px 2px black} #daftarputar-sm ul{list-style:none;margin:0px 0px 20px 0px;padding:0;} #daftarputar-sm ul li{height:18px;overflow:hidden;background:#555;margin:2px;padding:2px 10px;-webkit-transition:all .26s ease-out;-moz-transition:all .26s ease-out;-o-transition:all .26s ease-out;transition:all .26s ease-out} #daftarputar-sm ul li:hover{padding:2px 10px 2px 20px;background:#444;border-left:3px solid #0186CB} #daftarputar-sm ul li a{color:#aaaa99;text-transform:capitalize} #daftarputar-sm ul li a:hover{color:#aaaa99;text-decoration:none;} .musik-sm{position:relative;z-index:298;background:#333;box-shadow:0pt 1px 1px 1px black;-webkit-box-shadow:0pt 1px 1px 1px black;-moz-box-shadow:0pt 1px 1px 1px black;padding:6px;} #hideshow-music1,#hideshow-music2{cursor:pointer;display:inline-block;}

• Buat Gadget HTML/JavaScript baru
• Masukkan Elemen ini dan klik Simpan

<div class="musikplayer-sm">
<div id="hideshow-music1"></div>
<div class="dalem-musikplayer">
<div id="daftarputar-sm"><ul>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/Ladies%20Is%20Pimps%20to%20%282012%29.mp3','Bruno Mars - Ladies Is Pimps to');" >1. Bruno Mars - Ladies Is Pimps to</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%2003%20Holiday.mp3','Green Day - Holiday');" >2. Green Day - Holiday</a></li>
<li><a onclick="musicSMdonk('https://not-remove-admin-2.googlecode.com/files/Jika%20Kami%20Bersama.mp3','Superman Is Dead - Jika Kita Bersama');">3. Superman Is Dead - Jika Kita Bersama</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%20Payphone.mp3','Maroon 5 - Payphone');" >4. Maroon 5 - Payphone</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Afterlife.mp3','Avenged Sevenfold - Afterlife');" >5. Avenged Sevenfold - Afterlife</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/-1%20-%20Just%20The%20Way%20You%20Are.mp3','Bruno Mars - Just The Way You Are');">6. Bruno Mars - Just The Way You Are</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Poppies%20Dog%20Anthem.mp3','Superman Is Dead - Poppies Dog Anthem');" >7. Superman Is Dead - Poppies Dog Anthem</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/03%20-%20Leave%20Out%20All%20The%20Rest.mp3','Linkin Park - Leave Out All The Rest');" >8. Linkin Park - Leave Out All The Rest</a></li>
<li><a onclick="musicSMdonk('http://not-remove-admin-2.googlecode.com/files/09%20-%20Collapse.mp3','Saosin - Collapse');">9. Saosin - Collapse</a></li>
</ul></div>
<div class="musik-sm"></div>
</div>
<div id="hideshow-music2" style="display:none"></div>
</div>

<script src="http://not-remove-admin-3.googlecode.com/files/musicplayersm.js"></script>
<script>musicSMdonk('http://not-remove-admin-2.googlecode.com/files/04%20-%20Afterlife.mp3','Avenged Sevenfold - Afterlife');</script>