Syaz Harzays Minme: Tutorial : Music Player ( Part 2 )

Pages

STATUS UPDATED!
Assalamualaikum korang korang and korang... terima kasih kerana sudi singgah kat blog syaz ni.. hihihihi...

10 Feb 2014

Tutorial : Music Player ( Part 2 )

Assalamualaikumm...

hihihi... syaz buat tuto yang kedua pulak k.. malas nak potpet bebanyak... usha jer gambar at bawah ni yerrkkk.. hihihihi :)


SEBELUM
SELEPAS

oke ke takkk??? hihihihi... kalau oke.. jom teruskan je laa k.. hihihihi

1. Dashboard --> Layout --> Ass Gadget --> Html/Java Script

2. COPY kod yang dekat bawah ni :

<style>
#music {
position:fixed;
z-index:999;
bottom:0px;
left:-170px;
height:10px;
padding:1px 8px 3px 1px;
letter-spacing:2px;
background-color:#000000;
-moz-border-radius:0px 10px 0px 0px;
border-radius:0px 0px 10px 0px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
#music1
{float:left;
color:#fff;
padding-left:100px;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
#music:hover #music1
{padding-left:0px;
opacity:0;}
#music:hover
{left:0px;}
</style>
<div id='music'>
<div style='float:left;width:120px'>
MUSIC PLAYER CODE</div>
<div id='music1'><img src='http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif' style='margin-right:8px;'/></div>
</div>

3. Dah copy kan?? kalau dahh.. boleh PASTE  dalam kotak html korang k..

4. PREVIEW dulu... kalau rasa oke... boleh SAVE


SELAMAT MENCUBA ^^
Hihihihi... tegur syaz kalau syaz ade salah oke... :)

No comments:

Post a comment

Assalamualaikum...
alang-alang dah baca tu..
mintak tolong komen sekali boleh??
hehehehe ^^

Syaz Harzays Minme© . Designed by MaiGraphicDesign