Tutorial : Music Player ( Part 5 )

Assalamualaikum..

tutorial lagi oke.. hihhih.. syaz nak habiskan tutorial about music player ni... 

usha je gambar at bawah.. hihihi ..

SEBELUM

SEBELUM

Amacam?? hihihii.. berkenan... ? jom arr ... jom bertutorial.. hihihi

1. Dashboard --> Layout --> Add Gadget --> Html/Java Script

2. COPY kod bawah ni :

<style>
.music {
padding:10px;
border-bottom-right-radius:5px;
background:#fff;
}
#music1 {
text-align: center;
position:fixed;
left:28px;
top:-50px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#music1:hover {
top:-5px;
}
#open {
height:45px;
background:#fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
align:center;
}
</style>
<div id="music1">
<div class="music">
<center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k004.kiwi6.com/hotlink/qb3a1xuzj6/Jang_Nara-Sweet_Dream.mp3&t0=Sweet_Dream&total=1" quality="high" wmode="transparent" width="200" height="20" name="billy" align="middle" type="application/x-shockwave-flash" /></embed></center></div>
<div id="open"><br /><img src="http://dl5.glitter-graphics.net/pub/220/220645u9r9sjvsfp.gif"  /></div></div>
<div style="clear:both; padding-bottom:0.25em"></div>

3. PASTE kod yang korang dah copy dalm kotak html oke..

4. PREVIEW dulu... then SAVE..

SELAMAT MENCUBA ^^