Hide music player
Kamis, 16 Mei 2013 | 0 comments

- Dashboard>Template>Edit HTML>Expand Template Widget
- Cari kode ]]></b:skin> atau </style>
- Copy kode ini
- Paste diatas kode tadi
- Save
- Tata Letak>Tambah Gadget>HTML/JavaScript atau Template
- Copy kode ini
- Paste di HTML/JavaScript tadi
- Save
#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;
}
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;
}
</style>
<div id="here">
<div id="music">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; ">
<br>
<center>
KODE MP3<center>
<br></object>
</div>
</div>
<img src="URL IMG"/></div>
<div id="here">
<div id="music">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; ">
<br>
<center>
KODE MP3<center>
<br></object>
</div>
</div>
<img src="URL IMG"/></div>
MERAH : Kode music player
BIRU : url gambar

Label: tutorial