paste this under #content:
#bubblebar
{font-family:arial;
width:60px;
position:fixed;
left:10px;
top:-5px;}
.bubble
{text-align:center;
float:left;
height:7px;
width:30px;
padding: 5px 0 10px 2;
margin-top:10px;
overflow:hidden;
moz-border-radius: 15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
z-index:999;font-family:arial;}
#music
{border:1px solid #000000;
background-color:#ffffff;}
#music:hover
{padding:2px;
height:50px;
width:55px;
border:1px solid #ffffff;}
#player{padding-bottom:5px;}
paste this above <div id="sidebar">:
<div id="bubblebar">
<div class="bubble" id="music"><img src="PIXEL URL HERE">
<br/><br/>
<div id="player">TEXT/CODE HERE<div></div>
</div></div>
</div>
tutorial by sh4rkz
View count: 36889