♔kIEla TasneeZ →ツ

ENTRY ABOUT STUFF YOUTUBE GOOGLE+ ASK.FM TUMBLR NEWER OLDER
Tutorial : Hide Music Player
Friday, November 16, 2012 - Permalink - 0 Comments
Assalamualaikum.. so kiela nak tunjukkan dekat korang cara untuk letak "Hide Music Player" bagi template biasa. Contohnya template designer, denim, washed denim, etc. 

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
 
2. Tekan Ctrl + f dan cari code ]]></b:skin>
 
3. Then, copy code dekat bawah ni
 
#music {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
background: #fff;
border: 1px solid #eee;
}
#here {
position:fixed;
left: 20px;
top:-80px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#here:hover {
top:8px;
}
4. Paste di atas code tadi

5. Preview & save

6. Seterusnya, pegi Page Element > Add a Gadget > HTML/JavaScript

7. Copy code dekat bawah ni
</style>
<div id="here">
<div id="music">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; "><br>
<center>"URL MP3" <center>
<br></object>
</div></div>
<img src="URL IMG"/></div>
8. Paste di ruangan HTML/JavaScript

merah : URL mp3
biru : URL image

9. Preview & save. 
 
 

Dah baca like lah kang simbah dengan air panas baru tahu