Saturday 20 April 2013

Tutorial : Hide Music Player Part 4 (Blogskin)




:Contoh:

1. Dashboard > Template
2. Press Ctrl + f serentak dan cari code </style>
3. Copy code di 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

Credit to : AtiQah

0 comments: