Tutorial fixed corner music player CT

Sunday, December 16, 2012 at 10:15 PM | 0 grown up kid

Assalammualaikum.

     Dah lama saya tak buat tutorial kan? Hari ini saya nak ajar letak fixed corner music player. Contoh dalam gambar.


# Blogskin
 Dashboard > template > press Ctrl + F dan cari code </style>

 Copy code di bawah ni dan paste kan dekat A T A S code </style>
#cornerplayer
{z-index:999;
background-color:#fff;
width:40px;
height:40px;
border-radius:50px 0px 0px 0px;
-moz-border-radius:50px 0px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
right: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;
}
#cornericon
{margin-top:15px;
margin-bottom:20px;
margin-right:-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:70px;
border-radius:50px 0px 0px 0px;
-moz-border-radius:50px 0px 0px 0px;
}
#cornerplayer:hover #cornericon
{margin-top:5px;
margin-right:0px;
margin-bottom:0px;
}

 Kemudian, copy code bawah ni pula dan paste kan dekat B A W A H code </style> 
<div id='cornerplayer'><center>
<div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
<div>PUT YOUR SONG HERE!</div></div>
 Kalau nak cantik letak billly player. Preview dan save! 

p/s - Follow twitter saya boleh? @natasyasarbini

Sekian,
Asa Banie