How to add it.
Go to your blogger account, And navigate to dashboard >> design >> edit html >>
And find the following code,
]]></b:skin>
And exactly before it, add the following code
body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}
And now click Save Template
The above step will give you a mouse cursor just like the one in the above demo blog, And because the aim of this tutorial is to give you all control over your blog cursor, So you can just change the red part in the above code
http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif
To What ever cursor url you like, So the code should be
body, a, a:hover {cursor: url(Cursor-Url), progress;}
And the question now is how to get another cursors.
Free sources for +1000 ready to use mouse cursors.
On this 2 links you’ll find more than 1000 free and ready to use cursors well categorized, so you just browse and find your favorite one, once you found your favorite one, replace the red words in the above code with it’s url.
169 comments:
Post a Comment