How to do when mouse touched the link and it'll change to another cursors?

Hey guys its been to December and it felt so fast and swift,so today I'm gonna have a tutorial for y'all and hope you guys would know how it works because I think if you find in somewhere for this tutorial I think its a bit hard,so now lets see how it works!

So as you can see a cursor in normally it'll be like this as usually we used at computer (Like mine) :::

Just like this...and IF we had touched to the link it'll be like this :::

And so how we gonna change like this whenever we touched to the links?

So you better watch out to this method!!!

FIRST!

• You need a PAIR of cursors,depends on you,whatever you want to.
• You need to upload the cursors or straight away get the DIRECT LINKS.
• Now follow the steps to work it.

Okay,now exactly its so easy okay and now go to

Design-->Add Gadget-->HTML Code

Then,paste this code::::

<style>body{cursor: url("Your FIRST cursor URL"), url("Your FIRST cursor URL"), auto;}</style><style>A:hover{cursor: url("Your SECOND cursor URL"), url("Your SECOND cursor URL"), auto;}</style>

The FIRST cursor means your normally used cursor as the SECOND cursor means that whenever touched to the links it'll change to another cursor,so make sure you put the cursor's URL in right way...
So is it easy to made it?To have the changing cursor its not hard at all it just make sure you do!So I hope you guys could do this and HAVE FUN!!!