¡Personaliza tu Blogspot con Marquee y GIFs Animados! Tutorial HTML Retro 2000 (Fácil)
¡Bienvenidos a RetroHTMLHacks! :D
En este tutorial aprenderás a crear un efecto tipo <marquee> y agregar GIFs animados estilo Y2K a tu Blogspot en menos de 5 minutos.
Vibes GeoCities / MySpace garantizadas ;)
Paso 1: Efecto Marquee + GIF animado
::: DEMO EN VIVO :::
::: COPIA ESTE CÓDIGO :::
<div style="overflow:hidden; white-space:nowrap; border:1px solid lime;">
<span style="
display:inline-block;
padding-left:100%;
animation: retroScroll 8s linear infinite;
">
¡Bienvenidos al futuro retro!
</span>
</div>
<style>
@keyframes retroScroll {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
</style>
Paso 2: Fuentes pixeladas + efecto glow (CSS Retro)
::: DEMO EN VIVO :::
Retro Hacker Mode
Texto verde con brillo neón estilo 2000.
::: COPIA ESTE CÓDIGO :::
<style>
body {
font-family: "Courier New", monospace;
background: black;
color: lime;
}
h1 {
text-shadow: 0 0 10px #00ff00;
}
</style>
Paso 3: Layout con tablas estilo MySpace 2000
::: DEMO EN VIVO :::
| Tu contenido retro aquí |
::: COPIA ESTE CÓDIGO :::
<table border="1" bgcolor="navy" cellpadding="10">
<tr>
<td>
<font color="white" face="Arial">
Tu contenido retro aquí
</font>
</td>
</tr>
</table>
Tips SEO + Próximo Post
- Usa gadgets (Diseño → Añadir gadget → HTML/JavaScript) para insertar código global.
- Incluye en tu meta descripción palabras clave como: tutorial marquee Blogspot HTML retro Y2K.
- Optimiza tus imágenes usando atributo
alt. - Próximo post: el legendario
<blink>+ frameset invisible ;)
¿Te funcionó? Déjame tu resultado en comentarios o compártelo con el hashtag #RetroHTMLHacks. Hacks diarios estilo 2000.
Nota: El efecto <marquee> original está obsoleto en HTML moderno. Aquí lo recreamos con CSS para que funcione en Blogger sin problemas ;D
