Friday 18 January 2013
How to add Rainbow cursor for blogger
Do you like this story?
Today,I am going to teach you how to add a rainbow cursor
for your blogger.It displays when the user move the mouse cursor to the
website window.
So,lets start the tutorial immediately.
Join our site for more updates
1. Log in to blogger and Go to Design >> Edit HTML
2 .Make sure u Click on "Expand Widget Templates"
3. Find this tag by using Ctrl+F </body>
4. Paste below code before </body> tag
<style type="text/css">body, a, a:hover {cursor: url(http://cursors4.totallyfreecursors.com/thumbnails/rainbow-ani.gif), progress;}</style>
5. Now click preview and click save template .you are done.
Image Preview For The Code Result:
for your blogger.It displays when the user move the mouse cursor to the
website window.
So,lets start the tutorial immediately.
Join our site for more updates
1. Log in to blogger and Go to Design >> Edit HTML
2 .Make sure u Click on "Expand Widget Templates"
3. Find this tag by using Ctrl+F </body>
4. Paste below code before </body> tag
<style type="text/css">body, a, a:hover {cursor: url(http://cursors4.totallyfreecursors.com/thumbnails/rainbow-ani.gif), progress;}</style>
5. Now click preview and click save template .you are done.
Image Preview For The Code Result:
Note:
You can change the url link from the code and add your favorite image link to display instead of the given Rainbow Cursor.
You can change the url link from the code and add your favorite image link to display instead of the given Rainbow Cursor.
This post was written by: Author Name
Author description goes here. Author description goes here. Follow him on Twitter
Subscribe to:
Post Comments (Atom)
0 Responses to “How to add Rainbow cursor for blogger”
Post a Comment