How to change the cursor pointer on the blog - This method is one of the techniques in decorating our blog . I am also a lot of tutorials how we can modify our blogs , one of which is how to create a table of contents on the blog . This time Blogaul will post an article with the title how to change the cursor pointer on the blog .Pointer Cursor Blog
On occasion I will explain how to change the cursor on the blog . Usually a cursor on a blog is just an arrow -shaped . However , for you are bored with the default cursor , can use another image as a cursor pointing to your blog . In addition to beautify the look of the blog , visitors will be easier to click on any of what 's inside your blog .Okay , we go straight to how:
1 . Login to your blogger pal .2 . Click the Template >> Edit HTML .Look for the code that follows more or less like this :
body { margin : 0 ;
background: # cccccc ;
color: # 000000 ;
text-align : center ;
}
a: link {
color: $ linkcolor ;
text-decoration : none ;
}
a: visited {
color: $ visitedlinkcolor ;
text-decoration : none ;
}
a: hover {
color: # 000 ;
text-decoration : underline ; }
3 . Then add the following code code code Then add the cursor :
url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Hq2eUxu5EY4qxxIXPteAMRzJb4Jo9qvMrdPfPGDSzKN4YyREJmpwQxqPiUDMU4nMa9vOfivoUKWHpolHx-zAx4r-ny5MVaurw9ifLvZCZ4tC5_NUtqH4nnhSk3uBRHhBwHtP0RJ76vDK/s1600/cursorblue.png ) , progress ; thus becomes like this :
body {
margin : 0 ;
background: # cccccc ;
color: # 000000 ;
text-align : center ;
cursor : url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Hq2eUxu5EY4qxxIXPteAMRzJb4Jo9qvMrdPfPGDSzKN4YyREJmpwQxqPiUDMU4nMa9vOfivoUKWHpolHx-zAx4r-ny5MVaurw9ifLvZCZ4tC5_NUtqH4nnhSk3uBRHhBwHtP0RJ76vDK/s1600/cursorblue.png ) , progress ;
}
a: link {
color: $ linkcolor ;
text-decoration : none ;
}
a: visited {
color: $ visitedlinkcolor ;
text-decoration : none ;
}
a: hover {
color: # 000 ;
text-decoration : underline ;
cursor : url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Hq2eUxu5EY4qxxIXPteAMRzJb4Jo9qvMrdPfPGDSzKN4YyREJmpwQxqPiUDMU4nMa9vOfivoUKWHpolHx-zAx4r-ny5MVaurw9ifLvZCZ4tC5_NUtqH4nnhSk3uBRHhBwHtP0RJ76vDK/s1600/cursorblue.png ) , progress ; }
Cursor codes that are on the body { tag is to replace the default cursor on our blog , while the cursor is located on the code tag a: hover { cursor on the link is for . You can change the url ( Red color code ) for cursor image on your blog according to your wishes , can find the cursor at the url :http://www.totallyfreecursors.com/ , http://www.123cursors.com/ and http://www.cursors-4u.com/ .
4 . Then save your template and see the results .
Well , so my post about how to change the cursor pointer on the blog . May be useful .
On occasion I will explain how to change the cursor on the blog . Usually a cursor on a blog is just an arrow -shaped . However , for you are bored with the default cursor , can use another image as a cursor pointing to your blog . In addition to beautify the look of the blog , visitors will be easier to click on any of what 's inside your blog .Okay , we go straight to how:
1 . Login to your blogger pal .2 . Click the Template >> Edit HTML .Look for the code that follows more or less like this :
body { margin : 0 ;
background: # cccccc ;
color: # 000000 ;
text-align : center ;
}
a: link {
color: $ linkcolor ;
text-decoration : none ;
}
a: visited {
color: $ visitedlinkcolor ;
text-decoration : none ;
}
a: hover {
color: # 000 ;
text-decoration : underline ; }
3 . Then add the following code code code Then add the cursor :
url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Hq2eUxu5EY4qxxIXPteAMRzJb4Jo9qvMrdPfPGDSzKN4YyREJmpwQxqPiUDMU4nMa9vOfivoUKWHpolHx-zAx4r-ny5MVaurw9ifLvZCZ4tC5_NUtqH4nnhSk3uBRHhBwHtP0RJ76vDK/s1600/cursorblue.png ) , progress ; thus becomes like this :
body {
margin : 0 ;
background: # cccccc ;
color: # 000000 ;
text-align : center ;
cursor : url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Hq2eUxu5EY4qxxIXPteAMRzJb4Jo9qvMrdPfPGDSzKN4YyREJmpwQxqPiUDMU4nMa9vOfivoUKWHpolHx-zAx4r-ny5MVaurw9ifLvZCZ4tC5_NUtqH4nnhSk3uBRHhBwHtP0RJ76vDK/s1600/cursorblue.png ) , progress ;
}
a: link {
color: $ linkcolor ;
text-decoration : none ;
}
a: visited {
color: $ visitedlinkcolor ;
text-decoration : none ;
}
a: hover {
color: # 000 ;
text-decoration : underline ;
cursor : url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Hq2eUxu5EY4qxxIXPteAMRzJb4Jo9qvMrdPfPGDSzKN4YyREJmpwQxqPiUDMU4nMa9vOfivoUKWHpolHx-zAx4r-ny5MVaurw9ifLvZCZ4tC5_NUtqH4nnhSk3uBRHhBwHtP0RJ76vDK/s1600/cursorblue.png ) , progress ; }
Cursor codes that are on the body { tag is to replace the default cursor on our blog , while the cursor is located on the code tag a: hover { cursor on the link is for . You can change the url ( Red color code ) for cursor image on your blog according to your wishes , can find the cursor at the url :http://www.totallyfreecursors.com/ , http://www.123cursors.com/ and http://www.cursors-4u.com/ .
4 . Then save your template and see the results .
Well , so my post about how to change the cursor pointer on the blog . May be useful .
Judul Artikel "
