Music 1

Paste the following code anywhere between the <style type="text/css"> and </style> tag of your blog
---------------------------------------------------------------------------------------
#musicplayer{
opacity:0.9;
text-align: center;
position:fixed;
left:100px;
top:-40px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
z-index:999;
}

#musicplayer:hover{
opacity:1;
top:0px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}


#music{
padding:7px;
background:#FFFFFF;
border-top: 5px #000000 solid;
width:200px;
z-index: 9999;
text-align:center;
-moz-border-radius: 0px 0px 10px 0px ;
-webkit-border-radius: 0px 0px 10px 0px ;
-o-border-radius: 0px 0px 10px 0px ;
border-radius: 0px 0px 10px 0px ;
}

#musictab{
padding:7px;
background:#FFFFFF;
border-bottom: 5px #000000 solid;
width:100px;
-moz-border-radius: 0px 0px 100px 100px;
-webkit-border-radius: 0px 0px 100px 100px;
-o-border-radius: 0px 0px 100px 100px;
border-radius: 0px 0px 100px 100px;
}


-------------------------------------------------------------------------------------------------------------
The paste the following code anywhere between the <body> and </body> tags of your blog
-------------------------------------------------------------------------------------------------------------

{block:IndexPage}
<div id="musicplayer">
<div id="music">
<center>PLAYER CODE HERE</center>
</div>
<div id="musictab"><img src="URL OF IMAGE HERE"></div>
</div>{/block:IndexPage}