Tutorial: Hide Music Player 3
posted on Tuesday, January 15, 2013 | 12:59 PM |
0 Teddy Bear
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
Older Post | Newer Post