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

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

Assalamualaikum dearr readersss....
hihihih... hello loca peoplee..... 
i'm backkk.... sudah hampir seminggu menyibuk kan diri dgn kerja .. akhirnya syaz muncul lagi.. muncul2 je terus nak buat tutorial nih... hahahha... maaf kerana lambat menunaikan permintaan korang yang da request tutorial about music player... hihihihi....
oke... memandang kan hari ni syaz agak free... so syaz buat tutorial untuk korang.... tutorial music player... senang je... korang follow la k... hope tuto yang syaz buat ni dapat membantu korangg la erkk..
oke... jom kita ber'tutorial' bersama syazz.... hahaha :p

oke2.. b4 tu .. korang usha example at bawah ni dulu ya yerrkkk..

SEBELUM

SELEPAS

Amacam?? berkenan dakk?? hahaha... nak merisik tuto ni tak?? kalau nakk mehh laa... hihihihi


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

2. COPY kod yang dekat bawah ni oke :

<style>
.music {
position:fixed;
bottom:0px;
left:-190px;
background:#993399;
width:200px;
height:12px;
overflow:hidden !important;
padding:10px 10px 5px 10px;
border-radius:0px 100px 0px 0px;
color:#000000;
font-size:11px;
font-family: short stack;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-ms-transition-duration:1s;
-o-transition-duration:1s;
transition-duration:1s;
}
.music:hover {
left:0px;
}
</style>
<br />
<div class="music">
Jang Nara : Sweet Dream
<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></div>

3. Dah copy?? kalau dah boleh PASTE kod tu dalam html korang k...

4. PREVIEW dulu... kalau ok... boleh SAVE...


P/S :

 abc123 - warna background yang korang nak...yang syaz punya kaler purple... boleh tukar ikut warna kesukaan...
abc123 - warna tulisan yang korang nak..
abc123 - URL lagu yang korang nak letak dal blog..


tu jaa... SELAMAT MENCUBA  ^^
any Q boleh tanya terus kat syaz oke... :)



3 comments:

  1. erk.. dah try tp knp tak kua lagu eh? hihi

    ReplyDelete
  2. Kak syaz, yang URL lagu tu nak letak kat mane ek?

    ReplyDelete
    Replies
    1. letakkk dekat tempat yang akak kalerkan dengan warna merahh tu.. maaf .. sebelum ni akak lupa nak merahkan tulisan tu.. hihihih

      Delete

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

Syaz Harzays Minme© . Designed by MaiGraphicDesign