How To Change Blog Cursor

Yesterday, I have posted: Blog Advice - How to Create a Tag Cloud on Blog

This time I will post how to change the cursor at your blog, we might get bored with normal cursor? So we'll learn how to change the cursor's, for example a moving or animated cursor. to create animated cursor according to our wishes, we can using an animation of software maker. But if we are not a master of software, there is an easier way to do. On the internet many websites is offer a lot of animated cursor.

Follow this steps to change our cursor:

Before we start, it would be nice if we save our blog template first.

First time, find the cursor that you want.

• The following steps provide a site search for free cursor, then get a cursor that you want and make it ready to be placed in your blogspot:
• To find a provider site free cursor, use the Search engine to search keywords such as writing "free animated cursors" or we can visit to http://www.cursorpedia.com/
• When we have found the right site and the models that we like animated cursor, then make sure that we get the URL of the animation.
• Example obtained animated URL of this site is www.cursorpedia.com: http://www.cursorpedia.com/ani/heart_heart_32.ani
• Most of the cursor has to have a complete code specific to a particular site, such as MySpace. if we find anything like this, then take the URL of the cursor.
• Make sure this URL has the extension. Ani (for the animated cursor) or. Cur (for normal cursor) if we only get .ani file or. Cur (not a URL), then we have to upload the image into specific webhosting ex: http://www.photobucket.com.
• Then paste the url of the cursor you've been upload, to the following code:
• Cursor: url ("URL cursor"); Replace the text "URL cursor" to the URL that we get. Ex:Cursor:url ("http://www.cursorpedia.com/ani/heart_heart_32.ani")
• With the script above, we have prepared animated cursor applied into our Blogspot page.

Applying the cursor in our Blog :
Once we have the script cursor as the discussion above, it will further explain how to apply the cursor to your blogspot.

• First log into your account we Blogspot
• Then click the Design menu on the dashboard page
• Next click the EditHTML menu
• Then find this code body { (Don't forget to use F3, for searching that code)
• After that paste that script like this:

body {
padding: 0;
margin: 0 ;)
font-size: small;
color: $ textcolor;
background: # fff;
text-align: center;
cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
}

Then click the Save Template button and see the results