March 26, 2013

How to change cursor in Blogger

I changed my mind, will stick to my old domain. I'm quite contented to it. As you can see, there are layout and design changes in my blog. Horaay! I'm happy with my updated blog. Simple layout & design is easy to maintain.

With little sharing of knowledge, I will teach you how to change your cursor in Blogger. For html & css users, it's easy and there's no need for you to read this post. So this blog post is for new blogger users.

All you need is to follow these steps:

1) Go to your dashboard (or the homepage http://www.blogger.com) 
2) Click Template (Yuhoo, located on left side. Don't hate me for reminding you)
3) Click Edit HTML (Clicked it? Good. So there's a pop-up of codes..)
4) Then press (on your keyboard, of course) CTRL + F (which is find)
    Look for this:

    /* Content
    ----------------------------------------------- */
   body {
  font: $(body.font);
  color: $(body.text.color);
   background: $(body.background);
   }

5) Type or Paste the following before the }
    This:
   
   cursor: crosshair;
This is what the cursor looks like. It's a default cursor.
*make sure to type/paste it before the closing tag. Again, reminding you. Haha!


6) If you don't like crosshair, you can use cursor from the net.
    For example this diamond cursor i got from HERE
 
    You just need to type/paste codes before the }
    this:

cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-all/cute04.gif'), auto;

7) Now save your template and your done!

Hope this helps.
For cursor request, email me at rhan.paguirigan@yahoo.com