Tuesday, 25 September 2012

Cool Mouse Cursors For Blogger


Hi Friends ! One of Best way to make your blog interesting and good looking is by changing the mouse cursor. so here i am sharing some Cool exclusive Mouse cursors for blogger that can be applied to your blog. Now i am going to teach you how to change your cursor in blog. It's an easy method so lets start.

Follow These Steps:

  1. Login to dashboard.
  2. Go to Templates---> Edit Html.
  3. Tick on Expand Widget Templates. (Click Here To View Screen Shot)
  4. Find for </head> tag.                         (Click Here To View Screen Shot)
  5. Copy and paste any cursor from below above/before the closing </head> tag.
Cursor.1
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/Arrow_02.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>


Cursor.2
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/bluemultiglit.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.3
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/tail2.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>


Cursor.4
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/bounce.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.5
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/apple-tmani.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.6
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/aliendance.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.7
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/banana-dance-ani.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.8
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/Bird_3.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.9
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/blackglitter.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.10
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/cat-ani-brown.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.11
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/fireblue.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.12
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/Fly_2.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.13
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/Halloween_2.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.14
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/Heart.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Cursor.15
<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/bdlab-blogspot/horse-ani1.gif), progress;}</style><a href="http://mybloggingtuts.blogspot.com" target="_blank" title="Blogger Widgets"><img src="" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 


Now, click on Save the Template.
Note: If you dont like any of courser then you can upload your own cursor icons and just change the link
given in the code.


No comments:

Post a Comment

 

Search

Followers

Copyright © 2012 | Blogging Tutorials. By Blogging Experts