Hide music player

Assalamualaikum dan selamat sejahtera semua...disebabkan ada orang request cara nak hide music player saya buatlah tutorialnya...yang nie bukan macam jenis saya punya...kalau nak tau macam mana rupanya tengoklah preview kat bawah nie...

LIVE PREVIEW

Firstly : for template designer , denim , simple ,watermark...

Dashboard --> Layout --> Add gadget --> HTML/Javascript

Firstly : for blogskin , classic template...

Dashboard --> template --> paste the code after  </style>

The codes :

<style>

#music{

position:fixed; top:40px; left:30px;

padding-top:12px;padding-bottom:12px;

text-align:center;

height:10px; width:34px; 

overflow:hidden;  

border:3px solid #FFE3EC;

color:#888;

border-radius:40px; 

-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;

background-color:#FFFFFF;

z-index:999;

}

#musicplayer{ padding-top:15px; } #music:hover {border:3px solid #FFD1E0; padding:5px; height:45px; width:200px;

}

</style>

<div id="music">

<center>

<img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" /></center>

<div id="musicplayer">

MUSIC PLAYER CODE

</div>

</div>

The notes :
Blue text : Color code HERE...
Purple : Cute music icon change it if you want...find it HERE...
Red text : Music player code...don't know how to add it ? HERE or HERE...

Credit to Atin Tory for the original code...

Ok that all from me...Gracias...