Tutorial : Hide Music Player

Tumblr_m6l7244ogt1qjdg9po1_500_large

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.

8 comment [s]:

Shawoonie said...

kamsahabnida tyqa ^^

atiqahjaidin said...

@cayunk sheera : Nae, cheonm :)

Sitidotshahira said...

thanks for the tuto dear ;)

farahani dzaharis said...

unnie .. kamsahamnida unnie .. nan haembokkae .... :)

Unknown said...

jinjja gumawo unnie.unnie memang popular dengan tuto :) ramai guna tuto unnie sume menjadi termasuk saya :D

Unknown said...

klu untuk blogskin plak mcm mane ?

abcd said...

Kalau yang guna blogskin pulak macam mana ? Hope boleh tolong :)

anshmnf said...

Thanks for the tutorial :)