🎨 Tutorial 2: Cambiar el Color Principal (Primary Color) del Tema MinimalBloggerAds2026.xml

Tu plantilla utiliza variables CSS, lo que hace que cambiar el color principal (--primary) sea increíblemente fácil. Un solo cambio afectará enlaces, bordes, fondos de botones y más, incluyendo el degradado del título de tu blog.

📝 Pasos para Modificar los Colores

1.- Acceder al Código HTML

• En tu panel de Blogger, ve a "Tema".
• Haz clic en el botón de tres puntos verticales (⋮) y selecciona "Editar HTML" .

2.- Localizar las Variables CSS

• Dentro del editor de HTML, busca la etiqueta <b:skin><![CDATA[ (generalmente está cerca del principio).
• Dentro de esa sección, localiza el bloque :root donde están definidas las variables CSS.

CSS

/* ===== VARIABLES Y RESET ===== */
:root {
  --bg: #fafafa;
  --bg-alt: #ffffff;
  --text: #111111;
  --text-secondary: #555555;
  --primary: #3b82f6; /* 👈 ESTE ES EL COLOR PRINCIPAL */
  --primary-hover: #2563eb; /* 👈 COLOR PRINCIPAL AL PASAR EL RATÓN */
  /* ... otras variables ... */
}

Cambiar el Color

Para cambiar el color de azul (#3b82f6) a, por ejemplo, Rojo (hex: #ef4444), simplemente reemplaza los códigos:

Variable	Valor Original (Azul)	Nuevo Valor (Rojo)
--primary	#3b82f6	#ef4444
--primary-hover	#2563eb	#dc2626
--bg	#fafafa	(Mantener o cambiar el fondo claro)
--text	#111111	(Mantener el texto oscuro)

Guardar los Cambios

Haz clic en el icono de disquete (Guardar) en la esquina superior derecha del editor HTML.