Cambiar el cursor del mouse en Blogger

Cambiar el cursor del mouse en Blogger

Hace algún tiempo atrás un usuario me pidió cómo cambiar el cursor en Blogger, la respuesta no está acá por lo que decidí crear una entrada con el tema.

El cursor es la flecha que representa al mouse en la pantalla, esta se puede reemplazar fácilmente por una personalizada para que cuando un usuario ingrese a nuestro blog, éste se vea diferente.

Esta opción tiene la ventaja de cambiar tanto el puntero, como el hovering sobre los enlaces (Pasar el mouse en los links)

¿Cómo cambiar el cursor en Blogger?

Primero, vamos a ''Diseño | Edición HTML'', en donde buscaremos la siguiente zona:
</body>

Justo encima de ésta, pega el siguiente código:

<style type="text/css">body {cursor: url(URL CURSOR NORMAL), progress;}
a:hover {cursor:url("URL CURSOR ENLACES"), pointer}
</style>
Reemplaza los valores en color por las direcciones de los cursores, guarda los cambios y listo.


Consideraciones:

Se pueden utilizar imágenes como .GIF, .PNG, etc., pero es recomendable usar cursores con el formato correcto:
  • .CUR (Formato cursor estático)
  • .ANI (Cursor animado)

Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger