Tutorial : Jquery Music Player Hover

7:43:00 PM

 
 
Biasanya, tutorial ni untuk denim or classic. Tapi, fafa rasa yang ni pun okey jugakk untuk simple template. InShaa Allah. Tapi, tak tahu la kan.
 
Yang kat atas tu untuk washed denim. Template fafa, kira jadik lettuw kan. *lupakan blog tak comel tu -.-*
 
1. Mula-mula, klik SINI dulu. Then buatlah apa yang korang nak. Hehehe :D
2. Dashboard  >  Template  >  Edit html  > Tick Expand Widgets Template.
3. F3 dan search :
 
/* Header
 
4. Copy code dibawah, paste di atas /* Header.

.music {
padding:12px;
border-bottom-right-radius:5px;
background:#ffffff;
}
#ytube {
text-align: center;
position:fixed;
left:43px;
top:-55px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#ytube:hover {
top:-10px;
}
#pict {
height:35px;
background:#ffffff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 50px;
align:center;
}

4. Save terus.
5. Copy code dibawah ni pula, paste di dalam html/Javascript.

<div id="ytube"><div class="music">
Code music player korang
</center></div><div id="pict"><br /><img src="URL icon" /></div></div>

NOTA TANGAN :

Purple - Code music player korang ler. Kalau nak guna yang mp3 cute. Klik tutorial INI
Blue - URL icon. Boleh ambil kat bawah or here.


http://dl.glitter-graphics.net/pub/2149/2149491q66tpr8j8s.png

http://dl8.glitter-graphics.net/pub/589/589228gtdzvf8onz.jpg

http://dl.glitter-graphics.net/pub/695/695351ug3twpiwlh.gif

http://dl9.glitter-graphics.net/pub/1823/1823109fenid9nrnf.gif

http://dl3.glitter-graphics.net/pub/1595/1595643mgeytgp9dy.gif
 
 
Assalamualaikum
Blog Author : FafaKyraa

You Might Also Like

0 Commentor(s)

Assalamualaikum
Feel free to put your thoughts here XD