Cómo Personalizar Cursor en Blogger con JS y CSS este 2022

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}

personalizar cursor html js css


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>

Te Recomiendo estas Entradas

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.

cambiar imagen de cursor

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.

Publicar un comentario

Déjame un mensaje.

Artículo Anterior Artículo Siguiente

نموذج الاتصال