Bienvenidos a una nueva entrada en SeoBlogAriel.Online de un tutorial para cambiar el cursor en tu blog agregando una hoja de estilo y JavaScript en la plantilla HTML de Blogger.
{getToc} $title={Tabla de Contenido}
De acuerdo, para personalizar el cursor en Blogger debes poner unos links que apuntan a los archivos CSS y JS y la imagen del cursor que queremos modificar por el que normalmente vemos por defecto.
Cambiar el Cursor por defecto en Blogger
- Abrimos nuestra plataforma de Blogger
- Nos dirigimos a Temas
- luego, en personalizar
- Hacemos clic en Editar HTML
- Se abrirá la plantilla del Blog para poner el CSS y JS en Blogger.
Te voy a detallar donde colocar cada archivo para modificar el cursor en Blogger:
Hoja de Estilos CSS
Vamos a poner la siguiente hoja de esto CSS3 entre el tag <head> </head>, este será nuestra hoja de estilo para nuestro cursor que queremos cambiar. Copia el siguiente link CSS:
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/lb99lqmepcbade4/styles-cursor.css">
JavaScript
Luego, agregamos nuestros links de JavaScript al final de nuestra plantilla HTML, antes del tag </body>
Ahí, pegamos nuestros JS para darle esa función a nuestro nuevo y personalizado cursor en Blogger. Copia los 2 siguiente JS:
<script src="https://dl.dropboxusercontent.com/s/bp8xja7h5umh6tf/lax.js"></script>
<script src="https://dl.dropboxusercontent.com/s/wikhwjxasi9szip/script.js"></script>
Reemplazar la imagen del Cursor
Una ves que tengamos nuestro documentos listos para agregarlos en la plantilla HTML de Blogger, vamos a poner el link donde tenemos nuestra imagen con extensión .png o .svg preferiblemente en estos formatos para que no tengamos ninguna dificultad en hacer los cambios correctamente.
Abres en cualquier editor de HTML, en mi caso SublimeText. Abrimos el archivo script.js y cambiamos la dirección en donde tengamos alojada nuestra imagen. En mi caso uso imagen con extensión .SVG
Guardamos el archivo y lo subimos a nuestro alojamiento.
Guía Para Cambiar Cursor por defecto
Descargar Cursor CSS y JS
En el siguiente enlace descarga los archivos para cambiar el cursor de tu blog.
https://dl.dropboxusercontent.com/s/ura8yo1matzdo7t/cursor-personalizado-figura.rar