н ι α т υ ѕ

Tutorial : Hide Music Player

Assalamualaikum and annyeonghaseyo . Hello . Hai. Okay memandangkan ada yang request tuto ni, so tieqa 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.