Como centrar la cabecera o banner del blog

by - noviembre 07, 2013

Buenos días!!!

La semana pasada cuando compartía con vosotros las fuentes de halloween ( puedes verla aquí ) os explicaba como instalarlas y os comentaba que igual empezaba una nueva sección que tratase sobre recursos para el blog, como hacer ciertas modificaciones, trucos para ir poniendo mas bonito el blog... y pues al final me he decidido a hacerla!!!

No soy una experta en blogger ni mucho menos, pero mas o menos me defiendo y tengo cositas hechas que creo que os pueden venir bien a vosotros también para ir poniendo cada vez mas guapos vuestros blogs.

En la entrada de hoy os voy a explicar como podéis centrar el banner de vuestro blog de una manera muy sencilla.
Por norma general el blog nos lo sitúa a la izquierda, y no es que quede mal, pero evidentemente esta mucho mas bonito y dará mejor imagen si esta centrado. Así que vamos con ello!!!


Pasos a seguir:

1º_ Tendremos que entrar en el blog con nuestros datos ( mail y contraseña )

2º_ Una vez dentro, pincharemos en "Diseño". Que se encuentra arriba a la derecha. Y se nos abrirá esta ventana:


3º_ Pincharemos en la pestaña "Personalizar" y se nos abrirá lo siguiente:



4º_ Pinchamos en "Avanzado" y aparecerán unas opciones a la derecha. Como podéis ver en esta foto:



5º_ Con la barra de desplazamiento iremos hasta el final y pincharemos sobre "Añadir CSS"



6º_ En el cuadro de texto que se nos a abierto a la derecha copiamos el siguiente código:

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

7º_ Por ultimo pinchamos "Aplicar al blog" en la parte superior derecha y ya tenemos nuestro banner centrado :D

Fácil verdad?

Aquí os muestro el antes y el después para que veáis la diferencia.

Antes:


Después:



Espero que os haya gustado, y que lo uséis en vuestros blogs ^^

Que os parece esta nueva sección? que os gustaría ver en las próximas entradas?

Besines.

8 comentarios

  1. Siempre ando liada intentando aprender cosillas para el blog así qeu me parece muy útil esta sección.
    Feliz jueves

    ResponderEliminar
    Respuestas
    1. Muchas gracias corazón!!!
      Pues a partir de ahora todas las semana publicare un nuevo tutorial, así que espero que te vengan bien ^^

      Besines

      Eliminar
  2. Esto le vendrá genial a más de uno!!!! Yo hace tiempo que no toco nada del diseño... y ya va siendo hora! Tu diseño del blog es preciosoooo! :D

    Nuestro blog: Con la realidad en los talones

    un besitooo!

    ResponderEliminar
    Respuestas
    1. Eso espero, que mis tutos puedan ayudaros.
      Pues si, a mi me encanta toquetear el blog y cambiar cositas y añadirle algunas nuevas ^^ cuando empiezas es un no parar jejejeje
      Me alegra que te guste!! :)

      Besines

      Eliminar
  3. Estan muy bien estos consejillos... yo tengo a mi consejero particular en temas html y css, al trabajar en informatica, es lo que tiene... pero en casa del herrero....ajaja... menos mal que tengo un compi que de vez en cuando me dice tienes mal no se que... y me lo cambia el mismo... saludines...

    ResponderEliminar
    Respuestas
    1. Gracias corazón!!!
      Mi chico también es informático, no especializado en programación pero algunas cositas me las soluciona :D pero otras... hay que buscarse la vida jejejejeje
      Espero que con estos post os haga la vida un poco mas fácil, xq yo hasta que he ido descubriendo ciertas cosas lo he pasado muuuuuy mal jejejeje

      Besines

      Eliminar

Dime lo que quieras, me encanta leerte ^^