"Ars Longa Vita Brevis"
Profile


Ars is a part of my little universe
Jungin| 18 | Malaysia

email for questions.
jajatiha@yahoo.com


Defsoul's
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~