Cambiar Tamaño de Texto en las Entradas de Blogger

Aprende a modificar el tamaño de la fuente de tus publicaciones en Blogger. Una tipografía legible mejora la experiencia de lectura, aumenta el tiempo de permanencia y beneficia el posicionamiento SEO de tu blog.

Ajusta el tamaño de la tipografía para mejorar la legibilidad y el SEO de tu blog.

¿Por qué ajustar el tamaño del texto?

Contar con un tamaño de letra adecuado en las entradas de tu sitio web es clave para la usabilidad. Si el texto es demasiado pequeño, los usuarios abandonarán la página rápidamente, afectando tu tasa de rebote. Modificar la propiedad tipográfica en el código CSS de tu plantilla garantiza una lectura cómoda tanto en computadoras como en dispositivos móviles.

Método 1: Edición directa en el HTML de la plantilla

Este método es rápido para localizar las reglas tipográficas principales dentro de tu tema:

1. Dirígete a tu panel de Blogger y selecciona Tema > Editar HTML.
2. Haz clic dentro del editor de código y presiona CTRL + F (o CMD + F en Mac) para abrir la barra de búsqueda.
3. Busca el selector CSS .post-body y localiza la propiedad font-size asociada.
4. Modifica el valor en píxeles (ejemplo: font-size: 16px; o font-size: 1.05rem;) según la dimensión que prefieras.

/* Ejemplo de ajuste del tamaño de letra en entradas */
.post-body {
  font-size: 17px; /* Modifica este valor según tus necesidades */
  line-height: 1.7; /* Recomendado para mayor legibilidad */
}

Nota: Según la plantilla que utilices, la clase .post-body puede aparecer en múltiples secciones del archivo CSS. Asegúrate de modificar la regla principal que controla el cuerpo del post.

Método 2: Usar la herramienta Inspeccionar del navegador

Para no modificar a ciegas tu código, la forma más precisa es analizar los estilos en tiempo real con las Herramientas de Desarrollo del navegador:

Inspecciona la clase CSS activa para probar cambios en vivo antes de guardarlos.

1. Abre cualquier entrada de tu blog desde el navegador (Chrome, Firefox o Edge).
2. Haz clic derecho sobre el texto de la entrada y selecciona Inspeccionar (o presiona la tecla F12).
3. Localiza la clase encargada del texto (generalmente .post-body, .entry-content o .post-content).
4. Prueba cambiar temporalmente la propiedad font-size en el panel lateral para encontrar el tamaño visual exacto.
5. Una vez definido el tamaño ideal, copia esa regla CSS y agrégala dentro de Tema > Personalizar > Avanzado > Añadir CSS personalizado o directamente en tu plantilla HTML.

Video Tutorial paso a paso