Monday 30 April 2012

Music Box New Style [All template]

Assalammualaikum .
Tutorial ini ditujukan kepada Qurrathul ... :)
For blogskin & template designer boleh jugak .. but denim saya try tak jadi.. jadi error
Tutor from : sini

Sebelum dihover :


Selepas dihover :


Die jadi mengembang..hehe

Bukak Template .. tekan f3, cari kode 
body {
Copy kode di bawah & paste di bawah body { 
#music{
position:fixed !important; 
right:10px; padding-top:12px; 
top:10px; 
padding-bottom:12px; 
height:30px; 
width:50px; 
overflow:hidden; 
border:3px solid #F6CED8;
-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;
}

#music:hover{
border:2px solid #E6E6E6; 
padding:5px; 
height:90px; 
width:200px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px; 
}
Then, cari kode
<body>
Copy kode bawah & paste di bawah <body>
 <div id="music">
<center><img src="http://www.laymark.com/l/cz/cz03.gif" style="margin-left: 3px; margin-bottom: 3px; width:40px;"><br></center>
<center>
<div style="color:#F6CED8;">AYAT KORANG </div>
<object width="160" height="25"><param name="movie" value="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0&amp;color1=ffffff&amp;amp;color2=ffffff " /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/V-y_J7eVMIY?fs=1&amp;autoplay=1&loop=1&amp;hl=en_US&amp;rel=0&amp;color1=ffffff&amp;amp;color2=ffffff " type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="160" height="25"></embed></object></center>
</div>
Babai.Nak cepat ni.Assalammualaikum .

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

5 comments:

Aina Zairulnizam said...

template designer boleh r,,,aq pki tmplate designer blh je bt :)

Student Kecik said...

@enna zackni owh..boleh eh..bagus lah..thx bgitau :)

ZIHA ZAIRUL said...

eh silap maksod aku denim blh buat

ZIHA ZAIRUL said...

aiyakk komen td tuh drpd aq -aina-

Student Kecik said...

ouh.okey2 :) haha..tengs..tp aq buat x jd lah ..