Tutorial : Music Player ( Part 3 )

Assalamualaikum you all...

syaz datang nak buat kecoh nihhh... hahahaha...

jom buat kecohhhh.... hihihhi...

acah jee.. jom tgk tutorial yang seterusnya nih... 

usha pict at bawah ni :

SEBELUM

SELEPAS

Amacam??? ok ??? kalau rasa oke... jom arr usha tuto at bawah pulak... hihihihi

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

2. COPY  kod bawah ni :

<style>

#music

{position:fixed; 

bottom:10px; 

right:15px;

padding-top:12px;  

padding-bottom:12px; 

text-align:center; 

height:10px; 

width:34px; 

overflow:hidden;  

border:3px solid #000000;

color:#888;

-moz-border-radius: 20px 20px 20px 20px;

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-color:#ffffff;

z-index:999;}

#musicplayer

{padding-top:15px;}

#music:hover

{border:3px dotted #000000; padding:5px; height:45px; width:140px;}

</style>

<div id="music"><center><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"/></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="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></embed></center></div> 

</div> 

<div style="clear:both; padding-bottom:0.25em"></div>

3. Dah copy? Boleh PASTE dalam kotak html korang tu k..

4. Macam biasa laa... PREVIEW, then SAVE... hihihi

SELAMAT MENCUBA YA... ^^