How to change the mouse pointer (cursor) in blogger

How to change the mouse pointer in blogger blogs

I love blogger because it provides an awesome support to edit and customize the templates of blogs hosted on it. By adding new codes, we can make cool changes in our blogs and can make them look better. In this post, I'll tell you a simple method to change the mouse pointer in blogger blogs, means whenever anyone opens your blog, he will see that his mouse pointer looks different while surfing your blog pages. So, lets start the tutorial on changing the mouse pointer in blogger blogs:

1. Login to your blogger account and go to Template > Edit HTML

2. Now search for </head> and paste the cursor code below just before </head> tag.


CURSOR TYPE 1

Psychedelic Pointer
<style type="text/css">* {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur197.ani), url(http://cur.cursors-4u.net/cursors/cur-2/cur197.png), auto !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/psychedelic-pointer.html" target="_blank" title="Psychedelic Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Psychedelic Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

CURSOR TYPE 2

Wavy Tail
<style type="text/css">* {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), auto !important;}</style><a href="http://www.cursors-4u.com/cursor/2005/07/26/cur18.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a>

3. That's it. Now if you open your blog, you see your new mouse pointer.

For more cursor visit to below given link


Comments

Popular posts from this blog