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:
- Login to dashboard.
- Go to Templates---> Edit Html.
- Tick on Expand Widget Templates. (Click Here To View Screen Shot)
- Find for </head> tag. (Click Here To View Screen Shot)
- 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.
<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