Sebelum tu, aku nak ingatkan, kalau korang nak guna tuto ni, korang jangan pilih cursor yang jenis 'Animated' atau lebih dikenali sebagai cursor yang bergerak-gerak. Sebab, kalau korang guna tuto ni dia takkan jadi. Sebab cursor yang jenis animated ni hanya boleh dilihat kalau korang guna Internet Explorer.
1) Carilah cursor yang korang nak macam kat website:
*Ok, aku mengaku aku tak reti nak cari cursor yang comel-comel atau cursor yang memenuhi kehendak korang. So, kalau korang tak bekenan, korang boleh cari sendiri :)*
2) Korang cari dekat cursor tu ade kotak kan? Ada isi kod. Korang just copy kod tu sume
3) Balik ke Blogger korang dan pergi ke Design > Add A Gadget > Html/Javascript
4) Korang pastekan kod yang dah dicopy tadi kat ruangan tu.
5) Contoh kod korang macam ni:
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur278.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/10/16/pink-horizontal-stripe-pointer.html" target="_blank" title="Pink Horizontal Stripe Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Horizontal Stripe Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Skang, aku nak korang buang kod yang warna merah ni:
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur278.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/10/16/pink-horizontal-stripe-pointer.html" target="_blank" title="Pink Horizontal Stripe Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Horizontal Stripe Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
*Buang kod yang dari <a sampai </a>*
6) Dan sepatutnya, korang punya kod hanya akan jadi sependek ini:
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur278.cur), progress !important;}</style>
*Korang punya kod sepatutnya cuma ada kod <style sampai </style> SAHAJA*
7) Preview dan menjadi, Save!
No comments:
Post a Comment