Home About Stuff Link My BIAS

Friday 7 September 2012

Tutorial : Hide Music Player


Tumblr_m6l7244ogt1qjdg9po1_500_large

Assalamualaikum and annyeonghaseyo . Hello . Hai. Okay memandangkan ada yang request tuto ni, so rienna akan tunjukkan dekat korang cara untuk letak "Hide Music Player" bagi template biasa. Contohnya template designer, denim, washed denim, etc. Bagi pengguna template blogskin. Korang boleh refer dekat SINI 


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. Selamat mencuba.

0 comments:

Related Posts Plugin for WordPress, Blogger...