Assalamualaikum and annyeonghaseyo. Dalam duk sibuk melayan hindustan, smpat lagi update blog. Hehe. Eh sebelum tu, blog tutorial ni telah pon mencapai seribu followers. Alhamdulillah. Terima kasih kepada yang sudi follow blog tak seberapa ni. ThanGYU. Okay lah, smlm tieqa dah buat tuto hide music player jugak kan? Hari ni pon sama. lols. Tapi bentuk ver keempat ni lain sikit. Korg boleh tengok contoh dkt bawah ni.

#cornerplayer
{z-index:999;
background-color:#000000;
width:50px;
height:50px;
border-radius:0px 50px 0px 0px;
-moz-border-radius:0px 50px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
left:0px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}
#icon
{margin-top:25px;
margin-bottom:20px;
margin-left:-5px;
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out
;-o-transition: all 0.8s ease-in-out;
}
#cornerplayer:hover
{width:200px;
-moz-border-radius:0px;
border-radius:0px;
}
#cornerplayer:hover #icon
{margin-top:10px;
margin-left:0px;
margin-bottom:4px;
}

4. Paste di atas code tadi
5. Next, cari code </style> juga
6. Copy code di bawah ni

<div id="cornerplayer"><center>
<div id="icon"><img src="URLIMG"/></div>
<div> MP3CODE </div>  
</center> </div>

7. Paste di bawah code yang korg cari tadi
8. Preview & save

Merah : warna background
Biru : URL image/ Icon
Pink : code mp3