New Style Music Hover #for Classic Template
Isnin, 23 April 2012 | 11:44 PG
and than , die jdi mcm pic dkat bwah ni hah , die membesar . nak ? okeyy kalau nak , kne ikut instruction yg ejat bgi ni okeyy ?
1 Dashboard > Template
2 cari code kat bwah ni
a:hover {
3 , dah jmpe ? okeyy now copy code bwah ni , than paste bwah code a:hover { tu okeyy ?
#hearing{
position:fixed !important;
right:10px; padding-top:12px;
top:10px;
padding-bottom:12px;
height:40px;
width:100px;
overflow:hidden;
border:3px solid #000;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background: #fff;
z-index:999;
font-family: short stack;
font-size:13px;
}
#hearing:hover{
border:2px solid #999;
padding:5px;
height:90px;
width:200px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}
4 . okeyy dah siap ? okeyy yg warne
BIRU tu kne pandai-2 adjust sendiri .
5 okeyy , now cari code <head>
6 ah jmpe tu , copy code bwah ni , than paste bwah code <head> tu okeyy ?
<div id="hearing">
<center><img src="http://i.imgur.com/X1IMU.png" style="margin-left: 3px; margin-bottom: 3px; width:100px;"><br></center>
<center>
<div style="color:#F6CED8;">YOUR WORD</div>
<object width="160" height="25"><param name="movie" value="http://www.youtube.com/v/H-0OuRVCAK8?=1&autoplay=1&loop=1&hl=en_US&
rel=0&color1=ffffff&amp;color2=ffffff " /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess"
value="always" /><embed src="http://www.youtube.com/v/H-0OuRVCAK8?=1&autoplay=1&loop=1&hl=en_US&
rel=0&color1=ffffff&amp;color2=ffffff " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="160" height="25"></embed></object></center>
</div>
7
MERAH , tukar dgn ayat korg sendiri .
PURPLE , image URL .
ORANGE , adjust size image :)
PINK link lagu tukar sendiri . Nak tukar link lagu , boleyy lar click >
SINI<