Tuesday, September 25, 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.


Special Thanks to safir85.ucoz.com to provide us this beautiful cursor gif images.




1 comment:

 
Return to top of page Copyright © 2010 | Blogger Blogger Template by Softs Zone