Advanced Cursor Change In Blogger

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.

Related Post:

1. Slide Or Nudge Effect
2. Image Rotation Effect

Demo:

On the demo page you will see a different cursor on blog and different cursor in links. Click here to go to the SBM's Experiment blog.

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 the orange link with cursor image.( 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;}

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.