Forever Young
TutorialHide music player (ver4)
Sunday, 14 October 2012 . 0 word(s) .
Photobucket
Tumblr_lmmn2plywv1qgmhvuo1_500_large

 annyeonghaseyo. . Okay lah, smlm wanie 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.




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


Thanks for reading :)




Older Post . Newer Post



// Forever Young-One Direction