Tutoriales Blogger: Centrar Cabecera y páginas o menú

2 de septiembre de 2015

Hora de un nuevo tutorial ^^ Como ven en el titulo hoy aprenderemos a centrar la cabecera y las paginas del blog de una forma muy fácil..





1) Centrar Páginas:


Primero empezaremos con las páginas o menú, para esto debes ir a Diseñador de plantillas → Avanzado → Añadir CSS.

Y Copiar el siguiente código en la cajita:


.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Nota: Si ya tienes otro código css, realiza un par de intros y pega el código a continuación.

Si quieres alinear tu menú a la derecha hay que cambiar center por right, así el código quedaría del siguiente modo:

.PageList {text-align:right !important;}
.PageList li {display:inline !important; float:none !important;}

Luego le das a guardar y listo :)

2) Centrar Cabecera:

Para esto seguiremos los mismos pasos, vamos a Diseñador de plantillas → Avanzado → Añadir CSS. Y copiamos el siguiente código: 

.header .widget {
 text-align:center;}
.header img {margin:0 auto;}

Recuerda guardar antes de salir.


Y así de esta forma obtendremos cabecera y páginas centradas quedando de la siguiente forma.


Y esto es todo por hoy ¿ Que tal les pareció el tutorial de hoy?

Ross

8 comentarios:

  1. Muchas gracias, centrarè la cabecera, hace tiempo que querìa hacerlo.

    ResponderEliminar
  2. Hola!
    Gracias por el tutorial.
    Besos

    ResponderEliminar
  3. ¡Hola! Es genial que estés haciendo este tipo de entradas, son muy útiles.

    Un beso^^

    ResponderEliminar
  4. Oh, me guardo este tutorial para cuando cambie mi diseño, es algo que siempre me ha parecido feo y no sabía que se podía arreglar de una forma tan sencilla ^^

    Muchas gracias!

    Un beso!

    ResponderEliminar
  5. Hola!
    Gracias por los dos tutoriales, siempre vienen bien!!
    Besos! <33

    ResponderEliminar
  6. Hola, gracias por la informacion, muy util, besos.

    ResponderEliminar
  7. Hola!! Aiii me encantan tus tutoriales :) soy un paquete con el blog y aprendo mucho jajajaj
    Un besote!!

    ResponderEliminar