Tutorial : Design cursor sendiri guna adobe photoshop

Assalamualaikum..

hello blogger.. hari ni aq nak post ag boleh tak ? ada sape-sape larang ? HHI oky oky i know tak de sape yang nak larang or nak marah. hari ni aq nak wat tuto lak memandangkan ada kawan-kawan chokie miza yang tanya macam mana aq wat cursor aq tuh. ehem ehem tak tahu lah jadi or tak. belum cube belum tahu yedak ? oky oky kite mulakan tuto kite ari ni..

dengan nama Allah yang maha pemurah lagi maha mengasihi. mudah-mudah korang dapat belajar dengan hati yang tenang. mula-mula korang bukak adobe photoshop korang. tak kisah la cs bape pun.

Step A

1. 

bila dah bukak adobe. click File, then click New.. pastikan width x height = 100 x100. pastikan background contents adalah transparent. *sile rujuk gambo*

2. 

step yang kedua, click file, then click Open.. korang pilih la gmbo yang korang nak guna. kalau korang tak nak pakai gambo pun boleh. maksudnya terus hanya tulisan. so step yang ni abaikan je oky ? p/s : pastikan gambo korang tu korang dah transparent kan *hanya tinggah gmbo yang korang nak*

3.

step yang ke tiga, korang pergi at layer yang ada gambo tadi.. korang click at mcm 6be 1 tuh..nanti dy akan jadi macam 6be 2 tuh, ada garisan putus2 keluar. tujuannya tok coppy gambo korang and paste at layer yang 100 x 100. 

tekan ctrlt serentak dengan huruf 'C' untuk coppy dan untuk paste tekan ctrl serentak dengan huruf  'V'

4. 

bile dah puas hati. skarang nk tulis pula. korang click at Tool, then korang tulis la pape yang korang nak tulis.. n kedudukannya pun tak kisah. ikut cita rasa masing-masing

5.

step yang ke lima, cume nak bagi tahu kedudukan arrow, arrow tok cursor korang tuh mestilah seperti gambo di atas ini. kerana bila dah korang pasangkan at blog korang, bile cursor tuh dihalakan ke link, akan tepat pada link. (arrow mewalili anak panah tetikus) p/s: kalau arrow tdk pada kedudukan yang betul ianya akan lari pada link*

6.

akhir sekali boleh la korang save. pastikan korang save as dan format adalah PNG

itu saja caranya.. senang kan ? HHU aq harap korang boleh faham pe yang aq terangkan. takut juga kalau kalau korang tak faham. eh eh belom habis ag.. ada lagi..

---------------------------------------------------------------------------------------------------

Step B

bile dah save korang upload at Photobucket . then, korang amik code direct link macam dalam gambo ni

lepas tu korang copy code cursor bawah ni :

<style type="text/css">body, a, a:hover {cursor: url(URL CURSOR), progress;}</style>

gantikan code URL CURSOR dengan code DIRECT LINK.. 

---------------------------------------------------------------------------------------------------

Step C

Design>> add a gadget >> add HTML/JavaScript.

p/s:  pastekan code cursor korang at HTML/JavaScript. dan akhir sekali save.


HHE.. alhamdulillah siap juga tutorial nih.. kalau ada pape pertanyaan yang korang tak faham. just tanya at commet oky ? lau nak cursor yang aq dah siap an [Cilck sini] ok la bubye. nak mandi.

p/s : tuto nih aq buat dari mula sampai akhir. so harap-harap korang boleh faham. takot gak lau korang tak faham. baca step by step oky dear ? step A >> Step B >> Step C dan seterusnya.. InsyaALLAH berjaya :-) good luck. siapa yang tak faham gak memang aq kick dia ! haha

SELAMAT MENCUBA !!!