Vistas a la página totales
Cómo agregar un Mood del Día a tu blog estilo Y2K (HTML fácil + efecto retro)
Publicado por neonbyte | sábado, 11 de abril de 2026
💭 Mood del día estilo Y2K
Haz que tu blog tenga vida, brillo y personalidad 💖
✨ Ejemplo en vivo
💭 Mood del día
💖 Feliz
🎧 Escuchando: Lo-Fi Beats
📋 Código para copiar
Copia esto en tu blog o gadget HTML:
<div style="
background: linear-gradient(45deg, #ff00cc, #3333ff);
padding: 15px;
border: 2px solid white;
box-shadow: 0 0 20px #ff00cc;
width: 260px;
font-family: Verdana, sans-serif;
color: white;
animation: glowBox 2s infinite alternate;
">
<h3 style="margin:0 0 10px; animation: blinkText 1.5s infinite alternate;">
💭 Mood del día
</h3>
<p style="font-weight:bold; font-size:18px;">
💖 Feliz
</p>
<p style="font-size:12px;">
🎧 Escuchando: Tu canción
</p>
<marquee>✨ Bienvenido a mi blog ✨</marquee>
</div>
<style>
@keyframes glowBox {
from { box-shadow: 0 0 10px #ff00cc; }
to { box-shadow: 0 0 25px #00ffff; }
}
@keyframes blinkText {
from { opacity: 1; }
to { opacity: 0.4; }
}
</style>
---
💿 Personaliza tu mood
- 💖 Feliz
- 😴 Cansado
- 💭 Pensativo
- 🔥 Motivado
- 💔 Melancólico
🚀 Tips Y2K reales
- Usa <marquee> (clave retro)
- Agrega más brillo y colores neón
- Combina animación + texto emocional
- No lo hagas perfecto, hazlo TUYO
Un blog Y2K no es limpio… es expresivo.
Y este tipo de detalles hacen que tu blog se sienta como un diario digital real 💿✨

