Cómo centrar las pestañas o páginas en Blogger

¡Veamos cómo se hace paso a paso!

Sabéis que por defecto salen a la izquierda:

(No se ven líneas o colores porque he puesto todo blanco - acentos y fondo de las pestañas)

Pero eso, se pueden centrar para que queden así:

Tenemos que:

✎ Ir al Diseñador de Plantillas

✎ Avanzado

✎ Añadir CSS

Y copiar esto en la cajita:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

Nota: Las que habéis hecho el curso conmigo ya tendréis un código ahí, así que lo único que tenéis que hacer es pulsar varios Intros entre uno y otro.

Es decir, si al poner el otro, teníamos que dar a Intro para que el cursor nos quedara justo debajo del  }

Estando debajo ya, añadimos dos Intros más y copiamos este otro que os acabo de dar.

✎ Y pulsamos Intro

✎ Y cuando el cursor nos queda justo debajo de  }

Aplicar al blog

Voilá, ya tenemos las páginas centradas.

¿Veis que fácil?

Pero ya que estamos... post extra:

Cómo alinear a la derecha las pestañas o páginas en Blogger

✎  Repetimos el mismo proceso de arriba...

✎ Pero en lugar de copiar ese código que os he dado antes, copiamos este otro

.PageList {text-align:right !important;}

.PageList li {display:inline !important; float:none !important;}

✎ Aplicamos al blog...

Y nos quedan alineadas a la derecha:

A este blog, en mi opinión, como mejor le quedan es centradas, pero dependiendo de nuestro diseño le irá bien una cosa u otra.

Está bien que aprendáis de los dos modos para que podáis hacerlo con lo que mejor quede en vuestro blog...