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 0px 0px ;
    -webkit-border-radius: 0px 0px 0px 0px ;
    -o-border-radius: 0px 0px 0px 0px ;
    border-radius: 0px 0px 0px 0px ;
    }
     
    #musictab{
    padding:7px;
    background:#FFFFFF;
    border-bottom: 5px #000000 solid;
    width:200px;
    -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}