Saturday, June 04, 2011

tutorial: SCM Music Player

assalamualaikum readers ;)

bila awak buka blog saya,, awak mesti nampak playlist yang ada kat bawah blog saya kan ?? alaaaa,, yang macam dalam gambar kat atas nih ,,, ramai yang tanya,, macam mana nak buat SCM Music Player nih ,, bila dah ada yang tanya,, saya pun ajarlah ...

1) awak perlu bukak lawan webnya dulu,, nih lawab web nye ,, http://scmplayer.net/ 

2) bila dah klik,, nanti akan keluar seperti gambar dibawah ..


3) awak klik kat tempat yang saya dah bulatkan dengan bulatan merah(choose skin) tuh .. haaa ,, kat bahagian nih ,, awak kena pilih custom music player awak ,, awak pilhlah mengikut kesukaan awak ,, tiada paksaan pun ,, klik kat kotak merah tuh ,, untuk pilih custom yang di inginkan ...


4) bila dah pilih,, awak klik pula bulatan merah(edit playlist) seperti dalam gambar di atas ,, kemudian,, awak akan nampak kotak merah tuh ,, haaa .. awak kena letak url video lagu daripada youtube ,,kat bawah kotak merah tuh ...kalau nak buang url yang tak nak ,, awak klik bujuran merah ,,, tapi, kat mane nak dapatkan url lagu youtube ea ?? haaa ,, kacang jea ,, tengok gambar kat bawah nih ....


yang saya bujurkan dengan warna hujau tuh laa url video lagu daripada youtube,, kat bahagian adress tuh ,, haha .. copy jelaaa .. then paste kat kotak tadi ...

5) bila dah letak url video lagu kat kotak tadi ,, awak klik lak bulatan unggu(configure settings)  macam yang kat gambar bawah nih ..


yang dalam bulatan merah tuh,, kan 'autoplay' .. awak klik yes .. kalau nak music player awak tuh terus dimainkan secara automatik,, kalau tak nak,, klik 'no' ...yang dalam bulatan biru tuh,, tinggi volume music player anda .. pilih lah sesuka hati awak ... yang dalam bulatan hijau pulaa .. awak akan nampak posisi mana music player tuh awak nak letakkan .. awak pilih 'botttom',, kalau nak posisi paling bawah .. pilih 'top' untuk posisi paling atas ,, bila dah siap pilih ... awak klik bulatan coklat ..

6)bila dah klik bulatan coklat tadi .. akan keluar seperti gambar di bawah ...


haaa ,, awak copy jea kod yang telah diberikan ,, seperti anak panah dalam gambar diatas .. kemudian, paste kan dekat 'HTML/Java Script' ... 

ganbatte !!

special guest :)