Thursday, February 9, 2017

How to change mouse cursor in your blogger blog

We have seen many cute mouse cursors on many blogs and websites. It's looking so stylish when we see our mouse style change. You can also, change the mouse cursor in Blogger Blogspot. It is really easy you just need to customize CSS of your blog.

css change mouse cursor


If you are looking for a tutorial on how to change the mouse cursor in your Blogger blog. Then you have open the right page. Because in this post I will teach you how to change the mouse cursor in your Blogger Blog. And also I will give you some cute mouse cursors for Blogger Blogspot. So let's start.

Change the mouse cursor in your blogger blog.

  1. Go to Blogger.com and sign in to your account.
  2. Now select your blog where you want to change the mouse cursor.
  3. From your blog dashboard click on the template option.
  4. On the next page, you will see your template code.
  5. Now click on the code and search </b: skin>. You can search by pressing CTRL+F.
  6. After finding the </b: skin> paste the following code just before </b: skin>.
  7. Finally, click on the save changes button. And visit your blog. You will see the mouse cursor of your blog is changed.
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur270.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur270.png), progress !important;} /* End http://www.cursors-4u.com */


Use a custom Mouse cursor in Blogger Blogspot.

You can also use a custom mouse cursor in your blogger blog. To use a custom mouse cursor in Blogger. First of all, search for a mouse cursor Image that you want to use. Then paste the following CSS code just before </b: skin> in your template code.
body{
cursor: URL(Your-Mouse-Cursor-Image.png), auto;
}
In the above CSS code just replace Your-Mouse-Cursor-Image.png with the mouse cursor image.

Where can we find a cute mouse cursor image?

You can create a mouse cursor image in Adobe Photoshop. But if you don't have Knowledge of Adobe Photoshop. Then you can find some cute mouse cursors at http://www.cursors-4u.com.

That's it. That was the tutorial on how to change the mouse cursor in your blogger blog, I hope it was useful for you. If you have any Questions about this Post you can ask me by dropping your comment below.


19 comments:

  1. Thank you so much. And keep visiting for more helpful posts :)

    ReplyDelete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete
  5. body{
    cursor: URL(http://khiepqua.wap.sh/images/bt.png), auto;
    }
    body a:hover { text-decoration: underline; color:red; background-position: bottom bottom; cursor : url("http://khiepqua.wap.sh/images/link.png"), progress; }
    post-body {font-family:Arial, Tahoma, Veranda, Times, Times New Roman}
    @media screen and (max-width : 480px) {
    /* nếu kích thước màn hình từ 480px trở xuống sẽ truy vấn các thuộc tính trong thẻ media này */
    /* Dành cho điện thaoij thông minh */
    }

    ReplyDelete
  6. not work
    img
    https://prnt.sc/w6z8g6

    ReplyDelete
  7. This comment has been removed by a blog administrator.

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. This comment has been removed by a blog administrator.

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete
  11. This comment has been removed by a blog administrator.

    ReplyDelete
  12. This comment has been removed by a blog administrator.

    ReplyDelete
  13. This comment has been removed by a blog administrator.

    ReplyDelete
  14. This comment has been removed by a blog administrator.

    ReplyDelete
  15. This comment has been removed by a blog administrator.

    ReplyDelete
  16. This comment has been removed by a blog administrator.

    ReplyDelete
  17. This comment has been removed by a blog administrator.

    ReplyDelete

Template Designed By 92TRICKS © Copy Rights All Right Receved
Scroll to Top