୨୧ Cómo crear un cursor personalizado para Blogger ୨୧
¿Quieres darle un toque más cute y personalizado a tu blog?
En este tutorial vamos a crear un cursor personalizado utilizando Canva + Postimages + Blogger.
｡･:˚:✧｡･:˚:✧｡･:*˚:✧
୨୧ 01. Diseña tu cursor
Primero crea tu cursor en Canva.
Puedes hacer un moño, una flor, un personaje, un corazón o cualquier diseño que combine con tu blog.
Si quieres que tenga movimiento, crea una pequeña animación y descárgala como GIF.
♡ Tip: utiliza un fondo transparente para que el resultado se vea más bonito.
╭─────────────── ୨୧ ───────────────╮
୨୧ 02. Sube tu GIF
Ahora entra a Postimages y sube tu GIF.
Después copia el Direct Link de la imagen.
Debe verse parecido a:
https://i.postimg.cc/xxxxx/mi-cursor.gif
╰─────────────── ୨୧ ───────────────╯
୨୧ 03. Agrégalo a Blogger
Ve a:
Blogger → Diseño → Añadir un gadget → HTML/JavaScript
Pega este código:
<style>
html, body, a, button, input, textarea, select {
cursor: none !important;
}
#gif-cursor {
position: fixed;
width: 70px;
height: 70px;
pointer-events: none;
z-index: 999999;
left: 0;
top: 0;
}
</style>
<img id="gif-cursor"
src="TU-DIRECT-LINK-AQUI"
alt="cursor" />
<script>
document.addEventListener("mousemove", function(e) {
var cursor = document.getElementById("gif-cursor");
cursor.style.left = e.clientX + "px";
cursor.style.top = e.clientY + "px";
});
</script>
｡･:˚:✧｡･:˚:✧｡･:˚:✧｡･:˚:✧
୨୧ Personaliza tu cursor
Solo tienes que cambiar:
TU-DIRECT-LINK-AQUI
por el Direct Link de tu propio GIF.
También puedes cambiar el tamaño modificando:
width: 70px;
height: 70px;
Por ejemplo, 50px, 80px o 100px.
╭─────────────── ୨୧ ───────────────╮
♡ Canva → crea tu diseño♡ Postimages → sube tu GIF♡ Blogger → pega el código♡ Cambia el enlace → ¡listo!
╰─────────────── ୨୧ ───────────────╯
Espero que este pequeño tutorial te ayude a personalizar tu blog y hacerlo mucho más tuyo.
୨୧ ₊˚⊹ ♡ ⊹˚₊ ୨୧
╭─────────────── ୨୧ ───────────────╮
୨୧ Ideas para tus propios cursores
Una vez que aprendas el proceso puedes crear diferentes cursores para cada estilo de blog.
`୨୧` Coquette
`♡` Kawaii
`ꕤ` Floral
`☆` Y2K
`☾` Dark aesthetic
`𐙚` Fairycore
`⊹` Pastel
`꒰ა ໒꒱` Angelcore
`⌒` Cute minimal
`₊˚` Pink aesthetic
También puedes crear cursores especiales para diferentes épocas o diseños de tu blog.
╰─────────────── ୨୧ ───────────────╯
｡･:*˚:✧｡･:*˚:✧｡･:*˚:✧｡･:*˚:✧
୨୧ Último consejo
La mejor parte de personalizar Blogger es que no necesitas utilizar exactamente los mismos recursos que otras personas.
Puedes crear tus propios elementos desde cero y combinar diferentes detalles para conseguir una estética que represente tu blog.
Un cursor personalizado puede parecer un detalle pequeño, pero combinado con separadores, fondos, botones, GIFs y otros recursos puede cambiar completamente la apariencia de una página.
Así que abre Canva, crea tu diseño, súbelo a Postimages y dale a tu blog ese pequeño detalle que lo hará sentir completamente tuyo.
`♡ ୨୧ ₊˚⊹ 𝒄𝒖𝒕𝒆 𝒃𝒍𝒐𝒈 ୨୧ ♡`
🌷 Ahora viene mi parte favorita: recursos para decorar el blog
Si te gustan los blogs con estética kawaii, cute, pixel, coquette, Y2K o estilo old web, tienes que conocer Neocities.
Neocities – páginas con recursos gráficos
Neocities es básicamente un lugar lleno de páginas personales y muchas de ellas tienen recursos hechos para decorar páginas web.
Yo estuve mirando la sección de graphics y encontré varias páginas que me parecieron súper bonitas para sacar ideas o encontrar recursos.
Cute.gif
cute.gif – recursos cute y Sanrio
Esta me llamó la atención porque tiene etiquetas de Sanrio, graphics, gifs, sozai y cute
Si estás buscando pequeños gifs o imágenes para darle vida a tu blog, definitivamente vale la pena pasar por aquí. Puedes encontrar cositas que quedan muy bien entre secciones, al lado de un texto o simplemente como decoración.
🩷 Betty's Graphics
Esta es otra de las que guardaría. Aparece dentro de la sección de graphics de Neocities y está enfocada precisamente en gráficos y gifs. Además, tiene una cantidad enorme de visitas, así que es de esas páginas que dan ganas de quedarse mirando todo.
Si te gusta la estética de las páginas antiguas de internet, aquí puedes encontrar bastante inspiración.
✨ lukovrurshldr
Lukovrurshldr – graphics, gifs y glitters
Esta me gustó especialmente si estás buscando una estética más kawaii. En Neocities aparece con las etiquetas graphics, dolls, gifs, glitters y kawaii, así que tiene exactamente ese tipo de recursos que pueden quedar bonitos en un blog. Los glitters y gifs pequeños son perfectos para poner entre una sección y otra.
🌸 Kalachuchi
Kalachuchi – cute graphics y resources
Otra página que encontré fue Kalachuchi. Está etiquetada como personal, art, graphics, cute y resources, por lo que también es una buena opción si estás buscando pequeños recursos para decorar. Dale a la tercera opción para ir a la página antigua.
💗 Blinkies
Y si te gustan los blinkies, tienes que mirar esta página. Los blinkies son esas pequeñas imágenes animadas que normalmente tienen una frase, palabra o diseño y quedan súper bien en las barras laterales o como decoración.
En la sección de graphics de Neocities aparece precisamente como un sitio de blinkies y resources
୨୧ ¿Y los separadores?
Los separadores son probablemente una de las cosas más fáciles de agregar y hacen que una entrada se vea mucho más bonita.
Puedes buscar imágenes pequeñas y alargadas, por ejemplo:
♡ flores
♡ corazones
♡ moños
♡ estrellas
♡ mariposas
♡ Hello Kitty
♡ ositos
♡ glitter
♡ pixel art
Después simplemente agregas la imagen dentro de tu entrada de Blogger.
También puedes usar un separador entre cada sección de tus entradas para que el texto no se vea como un bloque enorme.
Por ejemplo:
🌸──────────────🌸
o directamente utilizar una imagen cute como separador.
🧁 Algunas ideas para decorar tu blog
Una vez empiezas a encontrar estos recursos, puedes hacer muchísimas combinaciones.
Por ejemplo, puedes tener:
un cursor personalizado
separadores entre las secciones
blinkies en la barra lateral
pequeños gifs decorativos
botones para tus redes
pixel art alrededor de las entradas
pequeños stamps o stickers
Y no necesitas poner absolutamente todo.
De hecho, creo que queda mucho más bonito cuando escoges unos cuantos recursos que combinen entre sí y mantienes una misma estética.
♡ Mi combinación favorita
Si quieres hacer un blog con una estética cute/kawaii, yo empezaría con algo así:
Cursor: Cursors-4U
Separadores: flores, corazones o moños
Decoración: pequeños gifs
Barra lateral: 2 o 3 blinkies
Detalles: algunos píxeles o stickers
Colores: rosa, blanco y tonos pastel
Y poco a poco vas agregando más cosas.
Lo bonito de este tipo de blogs es justamente ir encontrando recursos y probar cómo se ven. A veces encuentras una imagen que ni siquiera estabas buscando y termina siendo perfecta para tu página. ♡
> Importante: antes de utilizar un recurso, revisa las condiciones que indique cada creador. Algunas páginas permiten el uso libre, mientras que otras pueden pedir crédito o tener reglas específicas.
Espero que esta pequeña lista te sirva para empezar a decorar tu blog. 🌷
Y si encuentro más páginas bonitas de recursos, probablemente haga otra entrada porque hay DEMASIADAS cosas lindas escondidas en internet. 🎀
.gif)
.gif)
```html
```