Short update . Nah another tutorial related to music player for your blog . Compatible for all template . Nothing special . I just add up some hover . Feel free to use it . Mind to comment first before you take it . I suggest , to do not change any code other than the bold one for the best view result . Thank You .
The Code ;
<style>
.player {
position:fixed;
bottom:0px;
left:-190px;
background:black;
width:200px;
height:12px;
overflow:hidden !important;
padding:10px 10px 5px 10px;
border-radius:0px 100px 0px 0px;
color:white;
font:11px consolas;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-ms-transition-duration:1s;
-o-transition-duration:1s;
transition-duration:1s;
}
.player:hover {
left:0px;
}
</style>
<br />
<div class="player">
nuest - loving you more ;<embed align="" height="15" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=PASTEYOURMP3URLHERE&auto=yes&sendstop=yes&repeat=0&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/classic_small&bgcolor=0x000000&mode=playpause" style="margin: -14px 5px 0px 185px;" type="application/x-shockwave-flash" width="15" wmode="transparent"></embed>
</div>
