One of the best way to make your blog good looking and interesting is by changing the mouse cursor. Below are 15 exclusive cursors for blogger that can be applied to your blog. Today i will teach you how to change your cursor in blog. It's an easy method which a begginer blogger can also do.
Cursor.1
Cursor.2
Cursor.3
Cursor.4
Cursor.5
Cursor.6
Cursor.7
Cursor.8
Cursor.9
Cursor.10
Cursor.11
Cursor.12
Cursor.13
Cursor.14
Cursor.15
Now, click on Save the Template.
Special Thanks to safir85.ucoz.com to provide us this beautiful cursor gif images.
It's Done.
Follow the Below steps:
- Login to dashboard.
- Go to Templates---> Edit Html.
- Tick on Expand Widget Templates.
- Find for </head> tag.
- 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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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://blog-toolz.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.
Special Thanks to safir85.ucoz.com to provide us this beautiful cursor gif images.
It's Done.
Categories:
Blogger Tricks
,
CSS
0 comments:
Post a Comment