HOW TO ADD CUSTOM CURSOR TO YOUR BLOG OR WEBSITE

Now Use ← and → keys to goto previous and next post.

Hi friends , recently we have shared how to add custom favicon to your blog or website and today I am going to show you how to add custom to your blog or website. I think attractive cursor can make user interface good. So in this tutorial here are some easy steps to add your custom cursor to your blog or website. Just read and follow these steps carefully. In case of any problem , just leave a comment below..




STEP 1

First of all create custom cursor (You can Google for it.)

STEP 2

Now upload it on free storage websites e.g dropbox.com or box.net

STEP 3

Now you will get URL of your custom cursor. Just copy url that and replace it with cursor source in below CSS code.

<style type='text/css'>body, a, a:hover {cursor: url(your cursor URL here), progress;}</style>

STEP 4

I hope you have done above three steps, now just search for </head> tag and paste the code from step 3 , just above </head> tag as shown in below screenshot.

DEMO CODE FOR WAY2HACKING CURSOR:

<style type='text/css'>body, a, a:hover {cursor: url(https://dl.dropbox.com/s/87jbsctl6vvfz71/w2h%20%281%29.cur), progress;}</style> </texarea> <br /> <br /> <br /> <br /> <b><span style="font-size: x-large;">Happy <span style="color: orange;"><u>Blogging</u> !!</span></span></b></div>

Happy Blogging !!