Hide Music Player Cute Part 1

:: LIVE PREVIEW ::

Kebiasaanya Kirah tengok blogskin yang pakai hide music macam ni. So, Kirah nak ajar korang letak hide music macam ni dekat blog walaupun bukan blogskin.

1 - Dashboard >> Layout >> Add Gadget >> HTML/Javascript

2 - Copy code di bawah dan paste.

<style>
#music3{
position:fixed !important;
left:10px;padding-top:12px;
top:5px;
padding-bottom:12px;
height:30px;
width:50px;
overflow:hidden;
border:3px solid #000000;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-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: #fff;
z-index:999;
font-family: handlee;
font-size:13px;
}
 #music3:hover{
border:2px solid #000000;
padding:5px;
height:80px;
width:200px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
</style>
<div id="music3"><center><img src="URL ICON IMAGE" style="margin-left: 3px; margin-bottom: 3px; width:40px;" /><br /></center>LETAK CODE MUSIC KORANG<center></div>

Merah : Korang boleh ambil kat SINI
Biru : Code Music SINI SINI SINI

Credit : Alia Eyra

Full Edit : Me