Saturday 20 April 2013

Tutorial : Hide Music Player Part 3 (Blogskin)





1. Dashboard > Template 
2. Press F3 dan cari code </style>
3. Copy code bawah ni 
#music3{
position:fixed !important;
left:10px;
padding-top:12px;
top:5px;
padding-bottom:12px;
height:30px;
width:50px;
overflow:hidden;
border:3px solid #000000;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background: #fff;
z-index:999;
font-family: handlee;
font-size:13px;
}
 #music3:hover{
border:2px solid #000000;
padding:5px;
height:80px;
width:200px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
4. Paste di atas code </style> tadi
5. Next , copy code ni pulak
<div id="music3"><center><img src="URLIMG" style="margin-left: 3px; margin-bottom: 3px; width:40px;"><br></center>URLMP3</center></div>
6. Paste di bawah code </style>
7. Preview dan save .

Hijau : right / left
Merah : warna border
Biru : warna background
Oren : height & width
Purple : URL image / icon
Pink : URL / code mp3

Credit to : AtiQah

0 comments: