Firly's Blog

• 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>