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.
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.
- Go to Blogger.com and sign in to your account.
- Now select your blog where you want to change the mouse cursor.
- From your blog dashboard click on the template option.
- On the next page, you will see your template code.
- Now click on the code and search </b: skin>. You can search by pressing CTRL+F.
- After finding the </b: skin> paste the following code just before </b: skin>.
- 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{In the above CSS code just replace Your-Mouse-Cursor-Image.png with the mouse cursor image.
cursor: URL(Your-Mouse-Cursor-Image.png), auto;
}
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.
nice
ReplyDeletethank you.....
DeleteThank you so much. And keep visiting for more helpful posts :)
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeletebody{
ReplyDeletecursor: 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 */
}
not work
ReplyDeleteimg
https://prnt.sc/w6z8g6
This comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDelete