Projek Syiqin™: Cara buat SCM Player skins

Ok. Hari ni Ikin akan bagi tutorial yang belum dibuat oleh orang Malaysia lagi ni? Heheh..ye,ke? Memang kot sebab dekat 22 jam Ikin cari tutorial cara nak buat SCM Player skins. Last-last tak jumpa..yang Ikin dapat jumpa hanya dalam youtube sahaja.

Ikin belajar dari youtube tapi dalam bahasa Sepanyol lah. Jom kita pelajari!i.

Pergi ke sini

1.Dah? Korang scroll sampai nampak seperti gambar di bawah.

2.Then, tick pada bulatan seperti gambar di atas.

3.Buka new tab pula.

4.Buka Tumblr.com korang.

Go to Tumblr

Kepada Fara, Fara boleh berkongsi Tumblr

dengan Ikin. Sebab Ikin tak berapa nak guna

sangat Tumblr ni. Tumblr bukan macam blog.

4.Dah siap login/sign up, pergi ke sini

Klik di sini

5.Ok,biarkan je dulu. Nanti nak upload gambar. Tak upload guna Photobucket sebab takut risiko tak mejadi nanti..haa..kan susah?

6.Buka Photoscape korang,ye?

7.Buka principal scmplayer,ye? Opss,maaf. Sebelum tu, Ikin offer principal dan playlist untuk korang.

8.Tekan 'save as image',ye?

Taip nama imej ini sebagai principal_nama imej pilihan korang.

Contoh: principal_SCMPlayer

Tekan SAVE IMAGE AS.

IKUT LANGKAH SEPERTI DALAM GAMBAR DI BAWAH
(Cara untuk memadam perkataan PLAYLIST)

IKUTI LANGKAH CARA UNTUK MENGHIAS PRINCIPAL

9.Buka gambar yang korang dah save as image tadi.

10.Buka fail gambar seperti dalam petak merah atau biru.

11.Buka Photo seperti dalam petak merah. Kalau nak buka guna Clipboard Photo, korang perlu guna URL imej di Google Image atau Firefox.

12.Pilih gambar mengikut kreativiti korang.

13.Then, klik Open seperti dalam petak biru.

14.Korang akan belajar tutorial ini degan menggunakan VidTutor untuk korang bagi faham.

VidTutor ini dibuat oleh saya

15.Ok,copy kod di bawah dan paste di Notepad korang,ye?

#player,#player a{ color:#fff; }
#player{ background:url(url imej volumeslide tumblr); background-position:bottom; }
#player .mainImage{ background:url(url imej principal tumblr); }
#player #baseLeft{ width:93px; }
#player #baseRight{ width:145px;}
#player .button{ width:26px; }
#player #play{ background:url(url imej pause/ play tumblr); }
#player #play,#player #pause{ left:26px; }
#player #previous{ left:0px; }
#player #next{ left:52px; }
#player #title{ left:90px; }
#player #tooltip{ right:196px; }
#player #timer{ right:120px; }
#player #list{ right:0px; }
#player #seeker{ right:320px; }
#player #seekerBase{ border-color:#ccc; }
#player #seekerBuffered{ background-color:#4b575d; }
#player #seekerSliderBase{ background-color:#ccc; }
#player #volume{ width:65px; right:39px; }
#player #volumeSlider{ width:8px; background:url(url imej volumeslide tumblr); }
#playlist,#playlist .module,#playlist h3{ border-color:#333;}
#playlist .module{ color:#333; background-color:#eee; }
#playlist h3{ background:url(url imej playlist tumblr); color:#fff; background-color:#333; }
#playlist .even{background-color:#eee;}
#playlist .odd{ background-color:#ddd;}
#playlist .focus{ background-color:#666; color:#FFF;}