Friday, September 16, 2011

How to change mouse cursor on the blog


Blog Owners love to beautify there blogs. They can do anything to beautify there blog and make it stand-out in the crowd. So today I have decided to share with you this tutorial where I am going to guide you on how to change mouse cursor on the blog.
How to change mouse cursor on the blog
Mouse Cursor


Mouse pointer is a very small thing but believe me it can have a very strong effect on your blog. If your blog cursor is nice and attractive then it will hold the visitors for a longer time on your blog and if it is bad and non-user friendly then it will pis$ them off.


So here we go:
  • First of all log in to your blogger account, now go to "Design" and then select the tab that says "Edit HTML" and check the checkbox "Expand Widget Templates".
  • Then, find (CTRL+F) this code in the template:
<body>
  • Now after the <body> tag add the following code:
<style type="text/css">body, a, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/dark_blue_3d_cursor.cur), progress;}</style>
  • Save your template and you are done.

If you want to use any other cursors from the list then simply change the line in blue colour with the following:

  • Yellow Cursor - http://cur.cursors-4u.net/cursors/cur-2/cur221.cur
  • Red Cursor - http://cur.cursors-4u.net/cursors/cur-2/cur117.cur
  • Green Cursor - http://cur.cursors-4u.net/cursors/cur-2/cur222.cur
  • Orange Cursor - http://cur.cursors-4u.net/cursors/cur-2/cur220.cur
  • Pink Cursor - http://cur.cursors-4u.net/cursors/cur-2/cur223.cur

Word of Caution: You can find thousands of cursors on internet but only use the ones that are good from the users view point.


So, by following the above steps you can easily change mouse cursor on the blog.

No comments:

Post a Comment