I think everyone knows what a cursor is xD. For this tutorial I'm gonna use Animation shop 3.0, but this may work on other animation programs such as Adobe Imageready, but it may not work exactly the same. Also, note that as far as I'm aware, cursors do not work in FireFox.
1. Open up Animation Shop.
2. File >> New. 32x32 pixels. Background transparent.
3. Use the fill tool and fill the background with a color that you're NOT going to use in your cursor (this will not show later).
4. Draw your cursor. You can make it animated if you want ;), but in each frame you'll have to use the same colored background of the first frame.
5. To make the background transparent, first look at your colors palette and click on the first color. Copy the HTML code, then OK.
6. Now go to Animation >> Replace color...
7. Click on the color next to "Old Color".
8. Replace the HTML code with the one you just copied
9. Click OK
10. Now click "Transparent Opacity".
11. If your cursor is animated, repeat steps 6-10 for each frame.
12. File >> Save.
13. Save it as a .ani
14. Keep clicking "next" until you're done
15. You can close Animation Shop now
16. Upload the cursor to a host that supports .ani (if in doubt, try Graffiti)
17. Copy this code:
18. Paste into the editor for the page you want the cursor to show up in
19. Replace URLHERE with your cursor's URL
20. Update changes
21. View your page to test it out.
22. Congrats! You're done =).
~Nicolette