Welcome to a new entry in SeoBlogAriel.Online of a tutorial to change the cursor in your blog by adding a style sheet and JavaScript in the Blogger HTML template.
{getToc} $title={Table of Content}
Okay, to customize the cursor in Blogger you must put some links that point to the CSS and JS files and the image of the cursor that we want to change to the one we normally see by default.
Change Default Cursor in Blogger
- We open our Blogger platform
- We go to Themes
- then in customize
- We click on Edit HTML
- The Blog template will open to put the CSS and JS into Blogger.
I am going to detail where to place each file to modify the cursor in Blogger:
CSS Style Sheet
We are going to put the following sheet of this CSS3 between the <head> </head> tag, this will be our style sheet for our cursor that we want to change. Copy the following CSS link:
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/lb99lqmepcbade4/styles-cursor.css">
javascript
Next, we add our JavaScript links to the bottom of our HTML template, before the </body> tag.
There, we paste our JS to give that function to our new and custom Blogger cursor. Copy the following 2 JS:
<script src="https://dl.dropboxusercontent.com/s/bp8xja7h5umh6tf/lax.js"></script>
<script src="https://dl.dropboxusercontent.com/s/wikhwjxasi9szip/script.js"></script>
Replace Cursor Image
Once we have our documents ready to add them to the Blogger HTML template, we are going to put the link where we have our image with a .png or .svg extension, preferably in these formats so that we do not have any difficulty in making the changes correctly.
You open in any HTML editor, in my case SublimeText. We open the script.js file and change the address where we have our image hosted. In my case I use image with extension .SVG
We save the file and upload it to our hosting.
Guide To Change Default Cursor
Download Cursor CSS and JS
In the following link download the files to change the cursor of your blog.
https://dl.dropboxusercontent.com/s/ura8yo1matzdo7t/cursor-personalizado-figura.rar