Cómo poner un cursor personalizado en Blogger
Si quieres que tu blog tenga vibra Y2K, necesitas un cursor personalizado. Sí, como en los tiempos de MySpace
En este tutorial te enseño cómo poner un cursor de estrella, corazón o cualquier imagen en tu blog de Blogger.
Paso 1 — Consigue la imagen del cursor
Necesitas una imagen pequeña (.png o .cur). Tamaño recomendado: 32x32 px.
Puedes subir tu imagen a un hosting como Imgur y copiar la URL directa.
Paso 2 — Agrega el código en tu plantilla
Ve a:
- Tema
- Editar HTML
Busca la etiqueta <body> y justo antes pega este código:
<style>
body {
cursor: url('URL_DE_TU_IMAGEN.png'), auto;
}
</style>
Reemplaza URL_DE_TU_IMAGEN.png por la URL directa de tu imagen.
Cursor diferente al pasar sobre enlaces
Si quieres que cambie cuando pasen sobre un link:
<style>
body {
cursor: url('URL_NORMAL.png'), auto;
}
a:hover {
cursor: url('URL_HOVER.png'), pointer;
}
</style>
⚠️ Consejos importantes
- No uses imágenes muy grandes.
- Si no funciona, revisa que la URL termine en .png o .cur.
- Algunos navegadores limitan tamaños mayores a 32px.
RetroHTMLHacks
