Pages

June 5, 2011

Tukar Cursor

Assalamualaikum =)

Ni first time buat tutorial ni, sebab dah kempunan dan teringin sangat nak buat.. Tengok blog lain ada nak jugak! Nak jugak! Leceh kan? Apa boleh buat.. =p

Ok.. Hari ni nak ajar menukar cursor yang comel-comel.. Alaa.. Macam saya punya gambar strawberi, tapi korang boleh adjust ikut kesukaan korang ok =)
Ni caranyaa..

Memula, pi kat cursor4u.. Kat situ ada banyak pilihan kursor yang kawaii dan comel.. Saya  pun pilih dari situ.. (Perlu diingatkan agar TIDAK memilih cursor beranimated kerana ia hanya berfungsi kat Internet Explorer je.. )
Kalau dah ada yang berkenan, klik cursor berkenaan dan copy code HTML nyer..Contoh code :
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur273.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/10/16/large-rainbow-pointer.html" target="_blank" title="Large Rainbow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Large Rainbow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Kemudian, buang code yang diwarnakan dan dia akan jadi camni..
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur273.cur), progress;}</style>
 Ok.. Pastu, pi dashboard blog korang> design> klik add a gadget> edit HTML/ javascript dan paste kan code yang dah tertinggal tu..

Then korang save dan Insya-Allah berjayaa.. Kalau tak jadi rujuk blog lain k.. =p

Ni nak bagi freebies ckit.. =)

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1090.cur), progress;}</style>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym534.cur), progress;}</style>
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-2/smi197.cur), progress;}</style>

Saper minat JB tu, try cursor nih.. =p

 <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-7/peo876.cur), progress;}</style>

4 comments:

Anonymous said...

Thanks wat tuto ni. :3 Nak amik satu ye.. :)

Khayrin Jamila said...

@Safiy Hafifah :)Ambil la. Banyak lagi pilihan cursor dekat cursor4u :) Nak buat sendiri pun boleh :D

Rora kissyougoodbye said...

thank you for the tutorial . big thank you for you :)

Khayrin Jamila said...

@Rora kissyougoodbye your welcome and thanks ;)