Para que todo esté en su sitio, centra la cabecera de tu blog.

21.11.15

No siempre la cabecera de un blog ocupa todo el ancho del blog. A menudo sólo hay un pequeño dibujo o un texto decorado.

Por defecto, las cabeceras se alinean a la izquierda del blog.

Pero tu la quieres centrar, ¿verdad?

centrar cabecera blog blogger


El tutorial de hoy no es nada complicado, sólo se trata de añadir un código CSS.

Lo que hará este código es centrar la imagen que pongas como cabecera de tu blog y además la descripción en caso de que la tengas visible.

Ten en cuenta que no se modificarán las medidas de la imagen, sólo  la centrará.


Vamos allá.

  1. Entra en Diseño del menú lateral izquierdo del blog.

    cabecera blog centro
  2. Pincha en Personalizar

    centrar cabecera blogger
  3. Escoge la opción  Avanzado (está al final de todo) y después Añadir CSS.

    imagen cabecera centrar

  4. Pega en el recuadro blanco el siguiente código.


      #header-inner {
         background-position: center !important;
         width: 100% !important;
         text-align: center;
      }

      #header-inner img {
         margin: auto;
      }


    Ten en cuenta que la  segunda línea del código


         background-position: center !important;
       

    centra la imagen de la cabecera  y la cuarta línea


        text-align: center;

     centra la descripción en el caso de que la tengas visible.


    Si sólo quieres una de las dos opciones, borra la otra y listos.


¿Tu cabecera está centrada? ¿Piensas que las imágenes centradas en la cabecera hacen el blog más armónico y equilibrado? Nos leemos en los comentarios

Laura


¿Te ha servido lo que has leído? Muchas gracias por compartirlo en tus redes sociales! Tus contactos y yo te lo agradeceremos! :-)

¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.