Advanced Cursor Change In Blogger ~ Blogging Crave

Making your blog different and unique is a dream of every blogger. This post is just for them who like to make their blog look unique. In this post, we will teach you how to change cursor( Mouse Pointer ) on your blog.We have posted such post before of adding some effects to blogger.Changing cursor( Mouse Pointer ) on your blog is very simple. It does not require any big set code. It is just a 2 line simple css which a beginner can also understand.

Steps To Change The Cursor:

Log in to your Blogger Account.
Go to Templates >> Edit HTML.
Find for </b:skin> tag.
Expand the tag content.
Paste the below code according to your requirement there.

body, a {cursor: url(Your Cursor Image Link), progress;}/*-----Normal Cursor Image-----*/
a:hover {cursor: url(Your Cursor Image Link For Hover), progress;}
/*-----Cursor Image On Link Hover-----*/

Now, change settings according to your need.
You can get the cursor image from www.cursors-4u.com

You can also add different cursors ( Mouse Pointer ) for images by adding another line of code. The code is given below.

img:hover {cursor: url(Your Cursor Image Link For Hover), progress;}

After adding you specified cursor link to this code it will look like this.

body, a { cursor:url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),progress;}
a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), progress;}

Conclusion

So now, you know how you can change your cursor ( Mouse Pointer ) over different tags. This will surely make your blog a unique and different blog.You have now learned Advanced Cursor ( Mouse Pointer ) Changing In Blogger. Congratulations! Stay Tuned :)

About Admin

Syed Zaver Abbas is SEO expert in pakistan. he is web designer, web developer, software developer and graphics designer that means he is multi talented. he is also learning more about computer science.