Widget Music Player Versi SM

 

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

Tutorial : 

• 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;} <br>  

• 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://lagu-gue-aja.googlecode.com/files/Vand%20-%20I%27m%20Lo%20Ale.mp3','vand im lo ale);" >1. vand im lo ale</a></li> <li><a onclick="musicSMdonk('http://lagu-gue-aja.googlecode.com/files/Dj%20mixers.mp3','Dj Mixer);" >2. Dj Mixer</a></li> <li><a onclick="musicSMdonk('http://gilang-project-me.googlecode.com/files/bondan%20prakoso%20-%20ya%20sudahlah.mp3','bondan prakoso - ya sudahlah.mp3');">3. bondan prakoso - ya sudahlah.mp3</a></li> <li><a onclick="musicSMdonk('http://gilang-project-me.googlecode.com/files/Avenged%20Sevenfold%20-%20Afterlife.mp3','Avenged Sevenfold - Afterlife');" >4. Avenged Sevenfold - Afterlife</a></li> <li><a onclick="musicSMdonk('http://gilang-project-me.googlecode.com/files/L%27Arc%7Een%7ECiel%20-%2004.%20Good%20Luck%20My%20Way%20-Butterfly%20Ver.-.mp3','L'Arc~en~Ciel - 04. Good Luck My Way ');" >5.L'Arc~en~Ciel - 04. Good Luck My Way </a></li> <li><a onclick="musicSMdonk('http://gilang-project-me.googlecode.com/files/mixer.mp3','B3 - MIXER');">6. 3 - MIXER</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://lagu-gue-aja.googlecode.com/files/Vand%20-%20I%27m%20Lo%20Ale.mp3','vand im lo ale');</script>\ <br>

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>

 
 Credit By : Santa Mars