|
12/10/13, 8:36 PG
Tutorial:Hide Music Player
Assalamualaikum~
wanna share this awesome tutorial!
but for this tutorial,i want to credit Tieqa Unnie for this amazing tutorial :)
x tahu rupa dia?
before hover
after hover
sape yg tak perasan dalam blog tiha tuh,pergi usik sekarang!
let's start!
-firstly,pergi travel ke template!
-next,tekan ctrl dan f tuk cari code </style>
then,copy code 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;
}
pastekan di atas code tadi..
then,copy code 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>
pastekan dibawah code </style> tadi..
merah:url link mp3 player
biru:url gambar untuk hover
preview,save!
nah,ni ada gambar untuk music player korang..
right click and tekan copy image url..
till then,annyeong!~
wassalam~
|
