Thursday 17 May 2012

Tukar Dan Buang Iklan Cursor

Hehehe.. Tengok cursor aku, bergaya tak? Aku tau korang jeles. Tak yah cakap, aku tau. Hahaha.. Nak cursor yang cun melecun cam aku punya? Ikut je step yang senang gila tahap kipas berabuk nih!

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: