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.


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)