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

Ayer vimos paso por paso cómo diseñar un blog como el mío. Y gracias a Dios vimos cómo todas aquellas que sabéis las cosas más básicas (si no las sabéis, este es el momento de comprar mi Curso Uno para blogueras... ;), sabríais diseñar, por lo menos, un blog como este mío.

Sin embargo, hay un par de detallitos extra que yo le he añadido, que si bien son pequeñeces, no sabríais hacer, así que os las voy a explicar también para que luego no digáis que en realidad no sabríais hacer esto... ;)

El primero de ellos es que he centrado las pestañas de las páginas, y es el que os voy a enseñar hoy.

¡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...

Mañana vemos el último detalle de mi blog: el reborde rosa que he puesto alrededor de la columna.

Y ya con eso (que en realidad no es algo que tengáis que saber, es sólo un extra más) y mi curso para diseñar y personalizar tu propio blog, podéis tener un blog profesional y bonito en sólo un par de días.

Y digo un par de días suponiendo que lo compréis ahora. Ya os dije ayer que yo este blog lo hice en dos horas. Y porque me atasqué un poco y le probé distintos fondos, que si no ya sabéis también que otros los he hecho en 1 hora...

Por cierto, podéis comprarlo directamente pinchando aquí. Tan solo cuesta 20 € y se sigue cómodamente desde casa a través de un manual muy completo.

Tiene muchas fotos y unas explicaciones muy claras. Y lo mejor de todo es que no se hace nada pesado o aburrido de leer.

En cualquier caso, si aún tenéis alguna duda tenéis más información sobre mis cursos para blogueras aquí.

Nos vemos mañana a las 11 h para ver cómo hacer un borde rosita como el mío.

Besos,

Blanca