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

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 4 )

Assalamualaikummm ..
hihihi.. syaz lagi erkk?? haha.. takpe arrr... syaz datang ni nak tuto at korang laaa... 
nk sharing lagi ni... hihihi.. boleh kan?? kalau bolehhh jom arr join sekali... kalau tak bolehhh.. tutup mata please... hahahaha ... oppsssss.... :3

oke laaa... e.g at bawah... :)


SEBELUM

SELEPAS

Amacam?? Best takk??? hihihihi... 
kalau bestt.. jom arr follow tuto syaz ni.. hihhi...


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

2. COPY kod yang dekat bawah ni pulak :

<style>
#music{
position:fixed; top:50px;
left:10px;
padding-top:10px;
padding-bottom:17px;
text-align:center;
height:10px;
width:34px;
overflow:hidden;
border:3px solid #993399;
color:#888;
border-radius:40px;
-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-color:#ffffff;
z-index:999;
}
#musicplayer{
padding-top:10px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} #music:hover {
border:3px dotted #993399;
padding:5px;
height:65px;
width:65px;
border-radius:70px;
}
</style>
<div id="music">
<center>
<img src="http://dl7.glitter-graphics.net/pub/439/439087zf2mcug0by.gif" style="background:none;border:none;padding-top:0px;" /></center>
<div id="musicplayer">
<center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k004.kiwi6.com/hotlink/qb3a1xuzj6/Jang_Nara-Sweet_Dream.mp3&t0=Sweet_Dream&total=1" quality="high" wmode="transparent" width="130" height="20" name="billy" align="middle" type="application/x-shockwave-flash" /></embed></center>
</div>
</div>
<div style="clear:both; padding-bottom:0.25em"></div>

3. PASTE kod yang korang dah copy tadi tu dalam kotak html

4. PREVIEW, then??? then apa?? SAVE laaaa weyyyhhh... hihih


p/s:
pandai korang la tukar apa yang patut oke... kalau tak faham boleh tanya syaz jaa... :)


SELAMAT MENCUBA ^^

No comments:

Post a Comment

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

Syaz Harzays Minme© . Designed by MaiGraphicDesign