Cómo centrar la Cabecera de mi Blog de Blogger.

Centrar la cabecera del blog en Blogger, es muy sencillo. Quiero comentarles cómo se hace ya que he visto a muchas amigas que tienen unos blogs muy bonitos y les lucirían aún mas si implementasen es sencillo truco, el cual vale para quienes tienen una imágen o simplemente el Titulo con la descripción.

Les cuento que Blogger ya lanzó la nueva interfaz y la irá implementando poco a poco en todos los blogs, por lo tanto los tutoriales que realizaremos serán todos siguiendo los parámetros de la nueva interfaz, que a mi juicio está muy intuitiva y sencilla y al cabo de unos días terminarás acostumbrándote.

Bueno, basta de tanto bla bla y vamos a la acción. Lo primero que debemos hacer es ir a Plantilla, Personalizar y llegaremos hasta el diseñador de Plantillas, una vez allí nos vamos abajo del todo en donde dice Avanzado, en el apartado de avanzado podrán observar una serie de opciones tales como texto de la página, fondos, enlaces, titulo del blog, etc. Esto puede variar de una plantilla a otra pero en general son cosas parecidas, bueno, abajo del todo nuevamente encontrarán una opción que dice añadir CSS, en ese recuadro van a añadir lo siguiente:

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

Una vez que pongan este simple código ya tendrán todo centrado, le dan a aplicar al blog y ya está listo!!! Pueden ver ejemplos de ello en la cabecera de este blog o en la de marcos gratis para Fotografías que solo tiene texto.

Si te gustó compártelo en tu red social o recomiéndalo en Google!!!

161 comentarios:

  1. Genial!!! Voy a implementarlo en cualquier momento!!!
    Una consulta, yo siempre preguntando, jaja, con el tema de Google Panda que ahora usa otros algoritmos para indexar las webs, desde hace un mes mis visitas a Moda en Planeta Mujer han bajado un 50 % !!!!
    Se puede hacer algo??? Qué es lo que hago mal?
    Es importante para mi pues estoy ofreciendo publicidad a las marcas y contaba con casi 3000 al día y ahora con suerte llego a la mitad, ya sé que es mucho también y no tendría que quejarme pero para mis objetivos me está perjudicando, por google estuve en varios foros y a muchos les ha pasado lo mismo!
    Si tenés alguna idea, siempre agradecida amiga!
    Besotes!
    Roos

    ResponderEliminar
  2. Roos.
    La verdad es que no tengo ni idea de que hacer, de hecho estoy en la misma posición que la tuya, y a veces da rabia que aún teniendo contenido original y de calidad te encuentres situado detrás de páginas que son copias burdas de tu propio material. En fin, que le vamos a hacer. Si sé algo te cuento.
    Besos.

    ResponderEliminar
  3. Ah jaja, estamos todos iguales entonces! Habrá que seguir esforzándonos para recuperar solitas nuestra posición, porque nadie tiene idea!!!
    Gracias igual y a comernos la bronca!!!
    Besote!
    Roos

    ResponderEliminar
  4. Yo creo que hay que esperar y ver que pasa!!!:(

    ResponderEliminar
  5. querida amiga e echo tal cual tu lo espricas aqui
    y no se centra , quise pobrar ya que las cabeceras yo las ago mas grande me gustan mas ,
    pero solo seme centra cuando le doy a la ocion reducir hasta ajustar , y entonces sale centrada pero muy pequeña,,
    tengo este probrema sienpre,,
    pero te estoy muy agradecida por todo

    ResponderEliminar
  6. Montse:
    Me parece que no se centra porque tu trabajas con la plantilla minima y esto es para las plantillas nuevas del diseñador de blogger.
    Dame la dirección del blog con la cabecera que quieres centrar y yo la miro bién y te digo como puedes centrarla.
    Un beso.

    ResponderEliminar
  7. http://mis-fondos-montserrat.blogspot.com/

    Hola encanto
    Mira yo todo esto de la plantilla minima lo desconozco ,
    Es cierto que por loquee leo en los demás blog y un correo que recibí con unos código para poder poner los fondos ,
    Que para poner los fondos y cabecera tenia que tener la plantilla minima señalada,
    Tengo el problema mira en este foro sale la cabecera con un sobre fondo blanco a la parte de arriba

    http://mundomagicodeilusiones.blogspot.com/

    EN ESTE SALE PERFECTO

    http://guissetcreaciones.blogspot.com/

    este sale decentadísimo


    http://suarverycrear.blogspot.com/

    necesito tu consejo porta,
    o como quitar esa plantilla minima , no se dime tu ,
    he escrito a muchos blog pidiendo ayuda y nunca tuve respuesta ,
    solo intento ayudar y hacer felices a los demás ,
    muchas personas están quitando los trabajo que ago por lo mismo ,
    quieren la cabecera grande y centrada y nada de nada , en mi blog tanbien me pasa
    te agradezco tu ayuda , muchas gracias por adelantado ,
    te paso mi correo ,

    ashley69387@hotmail.com

    ResponderEliminar
  8. Hola encanto , te estoy muy agradecida .
    Quiero crear un nuevo blog ,
    me puedes decir que plantilla debo escoger para no tener estos problemas??? ,
    Por ejemplo en este blog me gustaría poner mi creación mas grande ósea la cabecera ,o cuando quite la de navidad la próxima poner como me gusta grande ,
    Esta es la cabecera
    http://imageshack.us/f/706/navidad3cabeceramontser.png/
    con el mismo fondo que tengo
    te Esprito como lo pongo me pasaron un código
    que no me permite dejártelo aquí expuesto pero esta en mi blog en todo los fondos
    Donde pone URL meto el fondo
    DISEÑO
    una vez allí selecciona la opción AÑADIR UN GADGET
    escoge el Gadget HTML/JavaScript
    copias bien el código y dentro del espacio en blanco debes pagar el código ,
    cada uno de los fondos, aparece el código correspondiente a ese diseño.
    esas opciones no las encuentro ((Travel que tiene ese fondo, la solución es cambiarla a la plantilla simpla))) .

    ResponderEliminar
  9. Hola mi lindezas muchas gracias bombón,
    Cuando tu puedas y si no es mucha molestias me lo miras ,
    como hacer lo de tocar ese código HTML ,
    Me apetece poner mis cabeceras grande,
    Si no se toca no se aprende jaajajajajaj ,y me fío mucho de vos ,
    Te explicas perfectamente,
    Mejor imposible,
    Cuando puedas te agradecería que leyeras el pequeño tutoría
    Que expuse Para colocar el fondo y la cabecera
    ya que no se si es correcto , o tu me puedes hacer un testo mejor explicado ,
    esta en el lateral arriba
    muchas gracias .
    si en algo puedo ayudarte aquí me tienes

    ResponderEliminar
  10. Montse:
    Para poner la cabecera mas grande puedes intentar con este codigo, agregalo a traves del diseñador de plantillas, avanzado, añadir css

    .header-outer {
    width:1000px;margin-left:-50px
    }

    Lo del código que me mencionas, lo he visto, lo que pasa es que he estado probandolo en un blog de pruebas y no funciona con las plantillas comunes, la alternativa sería que las personas que quieran suban el fondo a su ordenador y luego a su blog a través del diseñador de plantillas que tiene muchas opciones para personalizar la plantilla.
    Cuando sepa más te cuento.
    Besos.

    ResponderEliminar
  11. muchas gracias por tu aporte!!! estoy construyendo mi primer blog y es más difícil de lo que parece... menos mal que hay gente que está para ayudar, no había manera de centrar mi cabecera jejeje
    un saludo!!!
    noe

    ResponderEliminar
    Respuestas
    1. Me alegra mucho que te haya servido. Ya verás como vas haciendo te adicta a Blogger jajaja.
      Saludos.

      Eliminar
  12. Saludos y como hacer que sea mas largo a los lados la imagen tanto a la derecha como a la izquierda que cubra completa la cabecera verifica x favor

    http://www.inversioneseduardo210879ca.com/

    ResponderEliminar
    Respuestas
    1. Tienes 2 opciones, hacer una imagen a la medida del ancho del blog o bién dar un ancho y alto en
      .Header img {margin:0 auto; width:Xpx; height:Xpx}
      Siendo la X el nº de pixeles que vas a darle, a modo de ejemplo mi cabecera tiene 980px por 360px.

      Eliminar
    2. MUCHAS GRACIAS PANA DE VERDAD ERES UN VERDUGO . ME SIRVIO A LA PERFECCIÓN , AHORA LA BARRA ESA DE VORTEXFLASS NO LA PUEDO CENTRAR TAMBIEN ?? MUCHAS GRACIAS Y DISCULPA ES QUE SOY MEGA NUEVO EN ESTO . Y COMO VES TENGO UNA PEQUEÑA EMPRESA .

      Eliminar
    3. Debes poner antes de tu código center y al final como en la siguiente pagina. El primer ejemplo.
      http://www.htmlcodetutorial.com/linepar/_CENTER.html
      Es que no puedo poner los codigos dentro de un comentario.
      Saludos.
      Gabriela.

      Eliminar
    4. GRACIAS , NECESITO TU AYUDA URGENTE URGENTE REALMENTE NO SE QUE PASO QUE HICE MAL Y AHORA NO VEO MI PAGINA , Y EN BLOGGER TAMPOCO APARECE TODOS LOS DATOS DE MI PAGINA PERO NI PREVISUALISANDO SE VE NADA , POR FAVOR ENVIAME UN CORREO Y TE ENVIO MIS DATOS DE MI BLOGGER ES URGENTE X FAVOR AYUDAME SI PUEDES GRACIAS . ventas@inversioneseduardo210879ca.com
      inversioneseduardo210879ca@gmail.com . x favor .

      Eliminar
    5. Eduardo, lo siento mucho pero no tengo idea de lo que puede haber pasado. Tal vez borraste tu cuenta, no lo sé. Mas allá de gadgets y un poco de html sé ayudarte.
      Espero que lo soluciones.
      Saludos.
      Gabriela.

      Eliminar
  13. Esto de los blog es como buscar una aguja en un pajar. Estoy intentando centrar la cabecera de mi blog y con las indicaciones de la explicación no hay manera se queda como está ya no se que más hacer. ¿Podrias ayudarme?. Este es mi blog: elparaisodelacreacion@hotmail.com
    Gracias.
    Ana.

    ResponderEliminar
    Respuestas
    1. Ana, la cabecera está perfectamente centrada, el problemas es que es demasiado grande, por eso no se ve el costado derecho. Para eso tienes dos opciones, hacer una cabecera mas chica y volver a subirla o dar un alto y ancho proporcional para que se vea mas chica. Como lo expliqué en el comentario nº 14. Prueba a ver y me cuentas.
      Saludos.

      Eliminar
    2. Otra cosa; trata de hacerla en jpg y que no te sobre espacio a los costados porque eso te come espacio aunque sea transparente, veo mas o menos 1cm de espacio vacio a cada lado de la imagen.

      Eliminar
    3. Mil gracias por tu ayuda. Puse mi e_mail, no el nombre de mi blog, pero veo que has podido verlo.
      Soy una patosa en esto de los blog. Me gustaría posicionar las entradas y los gadges de otro modo pero temo meter la pata si toco algo más, además tendría mil preguntas para hacerte, iré poco a poco.
      Muchas gracias, de nuevo.
      Saludos.

      Eliminar
    4. Ana, que bien. Veo que lo solucionaste. Al pinchar tu nombre puedo ver cual es tu blog. Para cambiar la posición de las entradas y los gadgets debes ir a Plantilla y el botón naranjo personalizar, si no te gusta simplemente no lo guardas y así no metes la pata jajaja.
      Saludos.

      Eliminar
  14. Respuestas
    1. De nada Mensays. Espero que te haya funcionado.
      Saludos.

      Eliminar
  15. Muchas gracias :D
    tenía problemas con eso ya que cuando ponía la cabecera siempre quedaba mas para la izquierda, pero gracias a ese código mi blog se ve mas bonito.
    Gracias de nuevo :)

    ResponderEliminar
    Respuestas
    1. Me alegra que te haya sido de utilidad. Saludos.

      Eliminar
  16. Muchas gracias!!! llevo meses intentando centrar el título y no habia manera... y al final ha resultado muy fácil.

    ResponderEliminar
  17. Respuestas
    1. No, porque le diste mucho ancho al cuerpo del blog. Agrega

      .header-inner {margin-left:150px;}

      Y con eso ya va a funcionar.

      Saludos.

      Eliminar
  18. Buenos días. Anoche se me ocurrió cambiar la plantilla de simple a fantástico para probar como quedaría y apreté aplicar y después ya no he podido recuperar la forma anterior. Ya que yo había conseguido separar los gadgets y las entradas con una linea que los enmarcaba y ya no está si vuelvo a simple.
    Ahora es todo nuevo, y la cabecera he conseguido centrarla pero es pequeña con respecto al tamaño del blog que he puesto y la imagen que pongo debajo de la cabecera que me gusta sea grande y centrada no consigo mantenerla centrada. En la anterior plantilla modifiqué y si estaba centrada.
    ¿Puede indicarme cómo centrar la imagen? o decirme si vuelvo a poner plantilla simple

    ResponderEliminar
  19. Hola soy Carmen PG he conseguido centrar la cabecera del blogg pero no la imagen que pongo debajo en gadget de imagen

    ResponderEliminar
    Respuestas
    1. Carmen, no me dices cual es tu blog ni de que modo agregaste la imagen. Si fué con un html/javascript bastará con que pongas <center></center> al principio y al final del código.
      Saludos.

      Eliminar
  20. ¡Gracias!
    La imagen es en un gadget de IMAGEN

    he conseguido centrarla elimimado el gadget y agrandando la foto antes de subir la imagen.
    y ¡claro, me ocupa todo.
    Pero si la foto es mas pequeña no sé cómo hacer

    Además me ha salido encima de la cabecera esto:
    .Image { text-align:center; }
    está a la izda arriba de todo

    y no se cómo salió

    http://www.laicosdehonianos.blogspot.com.es/

    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Ese código te ha salido porque lo has puesto fuera del css, vas a tener que acceder a la plantilla, pinchar f3 (en chrome), te saldrá un buscador, allí pones el código y cuando lo ubiques lo eliminas.
      Lo de la imagen te recomiendo achicarla del tamaño exacto para que no pierda nitidez y subirla. Si no, prueba agregando el siguiente codigo a través de un gadget html/javascript
      <a href="http://4.bp.blogspot.com/-xCejbNqlhs4/T32SNbrP-DI/AAAAAAAAEv8/F4nRDdph4o8/s1600/12-jesus-lava-los-pies-de-los-discipulos.jpg"><img src="http://4.bp.blogspot.com/-xCejbNqlhs4/T32SNbrP-DI/AAAAAAAAEv8/F4nRDdph4o8/s1600/12-jesus-lava-los-pies-de-los-discipulos.jpg" height="400" width="400" /></a>
      El widht y el heigth deberás cambiarlos a las dimensiones que desees que se vea la imagen.

      Eliminar
  21. Muchísimas gracias por tu ayuda.
    Saludos
    Carmen

    ResponderEliminar
    Respuestas
    1. De nada Carmen. Espero que te haya servido. Saludos.

      Eliminar
  22. muchas gracias amigo,me estaba calentando mucho la cabeza
    tratando de hacerlo,fueron de gran ayuda

    ResponderEliminar
    Respuestas
    1. Genial!!! Que bueno que te sirvió. Saludos.

      Eliminar
  23. Quisiera entender que es el CCS jajajaja lo siento se que debe ser muy facil pero no entiendo mucho del tema ayer estuve buscando una pag sobre como hacer codigos html y asi ir entendiendo de como hacerlos y modificarlos,me sirvio bastante pero no entiendo como llegar al CCS, mi blog es http://yakarirobino.blogspot.com y acabo de cambiar el header, necesito centrarlo espero que me ayudes en esa cosita que debe ser super sencilla! Besos

    ResponderEliminar
    Respuestas
    1. El css es la parte del código que le da los estilos a la pagina, por ejemplo dice el el fondo sea celeste, las letras en arial 12, etc. Arriba está explicado para que insertes el código y no tengas que acceder a la plantila pero también puedes hacerlo accediendo a ella e insertando el código justo arriba de ]]>.
      Saludos.

      Eliminar
  24. me estaba volviendo completamente loca! soy nueva y estaba perdida!
    muchisimas gracias!!
    http://dreaminrosa.blogspot.com.es/

    ResponderEliminar
  25. Un saludo y muchisimas gracias!!! no sabes como me ayudó jejeje sigue haciedno estos ttoriales que nos es muy útil a nosotros los principiantes n_n

    ResponderEliminar
    Respuestas
    1. Me alegra que te haya servido. El blog está medio abandonado por falta de tiempo. Cualquier día subo nuevas cositas. Saludos.

      Eliminar
  26. muchas gracias, me sirvio un monton aunque al princio no me salia pero despues me di cuenta en que me equivoque jeje. saludos:)

    ResponderEliminar
  27. Cordial saludo,

    Buenas tardes,

    Amigo mil gracias, woowwww de los detalles que buscaba.

    ResponderEliminar
  28. Mil gracias!!! Me ha sido muy útil :)

    ResponderEliminar
  29. Muy bueno, estoy aprendiendo y me sirvió mucho esto ya que estaba descentrado y no lo podia centrar ya que o entendia los CSS... un abrazo y te espero por mi blog www.americasonora.com , saludos!!

    ResponderEliminar
  30. Hola , gracias por tu tutorial de centrar la imagen , bueno les cuento que al poner el codigo de centrar la cabecera no me salia , puse Aplicar al Blog y no me salio , hasta que puse de nuevo los pasos y puse el codigo y al apretar enter me salio centrado y me gusta la cabecera . Saludos!!

    ResponderEliminar
  31. Hola,
    Gracias por el consejo. Aplicado en migalaxys3.blogspot.com. Me queda una duda: ¿es posible centrar también el banner con un anuncio de adsense de debajo?
    Gracias (ya tienes mi +1)

    ResponderEliminar
  32. Respuestas
    1. José Ignacio:
      Tienes que subir la foto a través de diseño- cabecera- Subes la foto desde tu equipo y le das la opción de colocar la descripción después de la imagen. Tal vez sea necesario que antes de subirla la adecues al tamaño que quieres que salga en el blog.
      Saludos.

      Eliminar
  33. Necesito ayuda urgente
    El curso pasado creé un blog para mis alumnos. Me costó mucho trabajo pues soy un poco torpe para la informática pero le echo valor. Este año decido hacer otro para mis nuevos alumnos pero se me mete en la cabeza utilizar la misma plantilla (muy práctica y bonita para mi gusto). Me da un montón de problemas por lo que no se me ocurre otra cosa que crear una nueva (para poder pasar los contenidos ya creados)y.....HORROR no se me ocurre otra idea que ponerle una cuenta diferente y no puedo acceder a mis blogs antiguos ni al nuevo y n o puedo trabajar con ellos.¿Qué he de hacer?Le agradezco su respuesta y solución lo antes posible pues tengo que poner contenidos para mañana y es imposible

    ResponderEliminar
  34. Ya he encontrado la solución, de casualidad.
    ¡¡¡SOLUCIONADO!!! La idea de crear otro blog fue debido:
    A)He puesto un índice de páginas con las distintas asignaturas y no tengo que haber realizado bien la conexión pues los contenidos que pongo no salen después.
    B) al crear un blog diferente y utilizar el gadget para añadir páginas me dice que este ya está utilizado.Eso fue en mi ignorancia,llegar a pensar que debía utilizar diferente cuenta.
    ¿Por qué me dice que el gadget de páginas está utilizado si es nuevo?
    Una vez más muchísimas gracias

    ResponderEliminar
    Respuestas
    1. Encarna, no tengo idea. Probablemente es porque ya lo haz agregado. Confirma que no estén en modo "no mostrar". Sin ver el blog no puedo ayudarte mucho.
      Saludos.

      Eliminar
  35. Saludos amigo, me gusta mucho el diseño de tu blog, me gustaria me orientaras que herramientas utilizastes para personalizarlo. Gracias.

    ResponderEliminar
    Respuestas
    1. Jorge:
      Gracias, me alegra que te guste. Herramientas, ninguna solo lo que he ido aprendiendo en un año que llevo en el mundo blogueril.
      Lo hago a partir de páginas como ciudadblogger, compartidisimo, Olobloguer, etc.
      A través de la edición de la plantilla.
      La plantilla actual es un modificación de la plantilla "cocinando con Adela" de Compartidisimo.
      Saludos.

      Eliminar
    2. Ah sabes que intento central el titulo en la plantilla y no he podido, de que otra forma se podria hacer...

      Eliminar
    3. Dejame la dirección de tu blog para ver que pasa.

      Eliminar
  36. Respuestas
    1. Jorge, el titulo del blog lo veo centrado. O es que quieres centrar los titulos de cada entrada????
      para eso ve a la edición de tu plantilla y busca h3.post-title, .comments h4 , dentro de ese codigo pega text-align:center.
      Quedaría de la siguiente forma:
      h3.post-title, .comments h4 {
      font: normal bold 22px Cherry Cream Soda;
      text-align: center;
      }

      Eliminar
  37. Hola, llevo todo el día intentando centrar mi título y es imposible. Te dejo mi blog.
    Saludos.


    http://decodeliziosa.blogspot.com.es/

    ResponderEliminar
  38. Hola, he colocado el código tal y como dices pero no ha pasado nada.
    La imagen sigue en el lado izquierdo.
    HELP! :S

    ResponderEliminar
  39. Hola, de nuevo jajaja.
    Resultó que con solo darle a la barra espancidora ya se colocó en el centro.
    GRACIAS! :D

    ResponderEliminar
  40. Hola, enhorabuena por tu blog. LLEvo dias intentando centrar la cabecera de mi blog pero mision imposible. He seguido tu tutorial pero nada sigue sin centrarse. ¿Podrías echarme una mano? Gracias

    ResponderEliminar
  41. La direccion del blog es dcantabriaabrasil.blogspot.com

    ResponderEliminar
  42. Yo no se si te lo han dicho pero hay un pequeño error, a mi no funcionava el codigo y era porque tenia ls puntos delante :)
    El codigo es asi:
    .header .widget {
    text-align:center;}
    .header img {margin:0 auto;}
    Arreglado asi:
    header .widget {
    text-align:center;}
    header img {margin:0 auto;}

    ResponderEliminar
    Respuestas
    1. El código es el correcto para las plantillas del diseñador de Blogger. Ignoro por qué no te funciona, pero al quitar los puntos, lo que estás haciendo es centrar todos los titulos de los gadgets.

      Eliminar
  43. Desde que actualicé el Mozzilla tengo un pequeño gran problema con las imágenes. Me explico, no puedo copiar imágenes puesto que al pegarlas me sale un recuadro y en la esquina superior izquierda me aparece la URL. Antes de la actualizacíón no ocurría esto. ¿Qué puedo hacer?

    ResponderEliminar
  44. Hola me podrian ayudar no se como alinear un texto debajo de la cabecera de blog:
    “De los diversos instrumentos inventados por el
    hombre, el más asombroso es el libro;
    todos los demás son extensiones de su cuerpo…
    Sólo el libro es una extensión de la imaginación
    y la memoria”.

    http://templario-miscenciaymislibros.blogspot.com/

    De antemano gracias

    ResponderEliminar
  45. Excelente! Gracias! el post me ha servido para mi blog

    ResponderEliminar
  46. Gracias, me funcionò cuando guardè el codigo en la plantilla, en la secciòn body

    ResponderEliminar
  47. Waow muchas gracias me fue muy útil!!

    ResponderEliminar
  48. hola me podrias ayudar con el mio?? tencuita.blogspot.com

    ResponderEliminar
  49. Hola a un blog mío, no le deja añadir CSS por lo que no puedo centrar la imagen.

    Este es el blog:

    http://emanacionesdebarbelo.blogspot.com.es/

    Le doy a ñadir cualquier codigo CSS y no pasa nada.

    ResponderEliminar
  50. Gracias mil, excelente!!

    ResponderEliminar
  51. mi blog es www.martindelbusto.blogspot.com.es
    Es de fotografía artística. Os lo dejo por si le quereis hechar un vistazo

    ResponderEliminar
  52. muchas gracias oye quisiera saber como centrar la imagen que coloque en el titulo esque me quedo mucho para un lado y quisiera centrarla ayudenme

    ResponderEliminar
  53. y quisiera saber como poner los seguidores ocea para tener miembros en mi blog

    ResponderEliminar
  54. GRACIAS, ME SIRVIO MUCHO, AHORA SE VE MAS DIVIS MI BLOG. SALUDITOS.

    ResponderEliminar
  55. exelente muchas gracias mira como quedo
    http://infoptx.blogspot.com

    ResponderEliminar
  56. Yo creo que tengo una plantilla minima de esas, acabo de quitar el fondo anterior porque era muy recargante pero me gustaría que se quedase centrado mi logo. Hay alguna manera.
    http://srtapizpiretta.blogspot.com.es/

    ResponderEliminar
  57. hola lo he hecho todo y no me funciona, www.tecnoblokerd.blogspot.com la mia tiene 1003x300 y no se centra....

    ResponderEliminar
  58. Excelente aporte... mil gracias por compartir la info.

    ResponderEliminar
  59. Muchas Gracias!!!Pensaba que no tenia solución!!
    Gracias!!!

    ResponderEliminar
  60. Mi problema es que quiero insertar una imagen a modo de cabecera pero por mas que la subo nunca aparece, a pesar de haber cambiado mil veces el tamaño de los píxeles... y no quiero comenzar a subir cosas hasta tener la imagen de cabecera :( lo he intentado muchas veces pero nada

    ResponderEliminar
  61. Hola, por favor una pregunta, previo felicitar a la autora de este sitio, es estupendo, yo tengo guardadas en mi computadora varias páginas para guiarme en mis blogs, una afición que tengo. Bueno, mi pregunta es cómo centrar un widget en particular. Es un widget con código HTML y sin título. Me fijé en la plantilla, en la zona de ese widget, buscando si aparecía la palabra "left", para cambiarla por "center". Pero no está. Es un widget muy ancho, pero igual quisiera centrarlo ya que quedaría un poco mejor. La plantilla es de las nuevas, y su nombre es Travel. La porción de código fuente que corresponde a este widget, es así:

    http://shortText.com/4pUpCv
    (el sistema no permite pegar código fuente, así que lo subí al sitio Short Text, lo siento)

    Muchas gracias por permitirme preguntar.
    Quizá no sea posible modificar esto, lo entiendo.
    Saludos.

    ResponderEliminar
    Respuestas
    1. Hola:
      Prueba con
      #HTML1 {
      text-align:center;
      }

      Saludos y gracias por la visita.

      Eliminar
  62. Perdona que vuelva a preguntar, y muchas gracias por atender mi consulta. Verás, hubo un problema. Pegué el texto que dijiste tal cual está aquí. Como no sabía dónde pegarlo, lo hice entre la segunda y la tercera línea, es decir entre las que empiezan con "b:includable" y "only display", respectivamente. El resultado fue que la plantilla se pudo guardar, pero el widget sigue en el mismo lugar, y la única modificación fue negativa, ya que todo el texto HTML agregado, tal cual, apareció como una línea escrita, directamente sobre el fondo del blog, y justo arriba del widget. Bueno, de inmediato lo quité, es decir volví a modificar la plantilla tal como estaba antes y esa línea desapareció. La pregunta que quisiera hacer, si es posible, es, primero, dónde habría que pegarlo, ya que ése podría ser el error, y segundo, otra posibilidad que se me ocurre en mi ignorancia absoluta sobre código fuente, si tengo que agregar algún signo al princiio y al final del texto que tan amablemente me sugeriste, o algo así.

    Muchas gracias por atenderme.
    Saludos.

    ResponderEliminar
    Respuestas
    1. Hola:

      Pégalo antes de ]]> skin

      No hay que agregar nada.

      Saludos.

      Eliminar
  63. PREGUNTA SOBRE BLOGGER EN EL BLOG SIGUIENTE
    http://creando-blogs.blogspot.com
    http://creando-blogs.blogspot.com/2011/11/como-centrar-la-cabecera-de-mi-blog-de.html

    CONTINÚA LA CONSULTA INICIADA EN LA PÁGINA SIGUIENTE
    http://shortText.com/4pUpCv

    Estimada Genia del Blog, no me funcionó la solución propuesta, pero, aquí viene lo importante, descubrí que ahí mismo, donde tu dijiste, hay otro texto similar, aunque referido al "header", que yo reemplacé desde el principio por una imagen, y pienso que, quizás, si te digo cómo es ese texto, muy parecido al tuyo pero NO idéntico, podría ser que tú me orientes a la solución total, ya que ambos tienen la finalidad de "centrar".

    El código por el "head", te aclaro, creo que lo pusieron los técnicos de Blogger que revisan todas las creaciones y modificaciones de blog luego que el usuario "hace de las suyas", y así le corrigen lo que se pueda y haya quedado mal. Estoy seguro de que ese equipo existe, por mi experiencia "experimentando" en Blogger, valga la redundancia.

    Bien, aquí pegaré como quedó. Justo encima de "b/skin", como tú dijiste, puse tu código para "HTML", y está debajo del que estaba antes, o sea el de "header". Pego todo eso.

    http://shortText.com/TANUP4
    (el sistema no permite pegar código fuente, así que lo subí al sitio Short Text, ya sabes)

    Muchas gracias por las molestias que te tomas.
    Quizá ahora sí resulte.
    Saludos.

    ARPOTREK

    ResponderEliminar
    Respuestas
    1. No, eso no tiene nada que ver, eso es solo para la cabecera. Déjame la dirección del blog y me dices cual widget quieres centrar.
      Saludos.

      Eliminar
  64. Me disculpo por haber molestado tanto por una cosa que parece imposible. No quiero importunar mucho más. Te muestro la plantilla para no irme sin explicaciones. Se llama Travel, de las nuevas, o ya no tan nuevas pero la última serie que dio Blogger. Tengo una copia guardada del código fuente original y completo. La hice con cuidado de que no estuviera comprimida en ninguna línea. Se puede descargar del sitio siguiente, cualquiera de las dos direcciones. No pude subirla al sitio anterior debido a que sus tamaño excede el límite.

    http://uploaded.net/file/thn91tu6
    http://ul.to/thn91tu6

    Pero, fuera de un vistazo, no te tomes más molestias.
    Igual yo quedo muy agradecido por tu amable atención.
    Cordiales saludos.

    ARPOTREK

    ResponderEliminar
    Respuestas
    1. No es molestia pero no me sirve el código de la plantilla. Necesito la dirección de tu blog y el widget que deseas centrar para obtener la id y darte la solución.
      Saludos.

      Eliminar
  65. Como estas Marcos Gratis ! gracias por los consejos, ya puse la cabezera en el medio de la Pagina.
    te pido revises mi Blog - Pagina de Blogger y me des unos consejos de como puedo mejorarla o en realidad hacerla mas rapida y con mejor posicionamiento en la web, es decir que esta de mas, que necesito quitarle... muchas gracias, saludos desde Lima-Peru
    Javier Iglesias
    por favor me escribes a info@fabianstudiodebelleza.com lo que publiques aqui en tu Pagina.
    - Mi Pagina es : www.fabianstudiodebelleza.com

    ResponderEliminar
  66. Hola!!!

    Yo no quiero poner una cabecera personalizada, pero necesito "achicar" la cabecera actual o hacer algo para poder alinear bien el texto de descripción porque me queda montado sobre la imagen del template y aunque lo "centre" no me funciona porque es harto texto. Te dejo la dirección de mi blog a ver si me puedes ayudar por favor

    http://los7pecados.blogspot.com/

    Saludos, Karen!

    ResponderEliminar
  67. Miiil gracias mujer!, tenía ese problema y a quedado perfecto <3

    ResponderEliminar
  68. gracias por tu ayuda...ya decia yo que tan complicado no podia ser!!!!!

    ResponderEliminar
  69. Muchísimas gracias.. Me has ayudado a solucionar un problema que me llevaba de cabeza. Saludos!!
    http://perfectodia.blogspot.com.es

    ResponderEliminar
  70. gracias! pero no me centro, otra pregunta... quiero quitar una barra de menu que le puse a mi blogg, ero no se hacerlo.. podrias ayudarme gracias!

    ResponderEliminar
  71. Exactamente como lo dijiste, que facil me lo hiciste, gracias!

    ResponderEliminar
  72. Hola, si me puedes ayudar con lo siguiente mil gracias: como hago para que las imágenes que pongo en mi blog no salgan con el fondo blanco, aunque son png siempre me aparecen así. Mi mail es sandrapatricia18@gmail.com mi blog leomimundo.blogspot.com
    Gracias.

    ResponderEliminar
    Respuestas
    1. Prueba poniendo .post-body img, {background:none!important;box-shadow: none!important;
      }

      Ya me cuentas.

      Eliminar
  73. :( Hola. Te cuento: nada, no dió resultado.

    ResponderEliminar
  74. Genial, rápido y sencillísimo.
    Mil gracias

    ResponderEliminar
  75. Genial! muchas gracias por la aportación!! Muy rápido y sencillo!!

    ResponderEliminar
  76. Mil gracias!! Ya lo habia intentado y nunca resultó y esta vez si! Gracias!!
    ;o)

    ResponderEliminar
  77. Tienes un buen posicionamiento, sigue así ;)

    ResponderEliminar
  78. Gracias, gracias y gracias! La verdad es que me estaba desquiciando un poco con eso. jaja

    ResponderEliminar
  79. Muchas gracias :) Fácil, sencillo, útil y directo al grano! GRACIAS!!

    ResponderEliminar
  80. hola...!! he llegado a tu blog porque yo empiezo en esto y no puedo de ninguna manera.....centrar una simple foto que acompaña a mi TITULO DE BLOG....ya he hecho lo que he leído aquí....introducir en la plantilla...avanzadas....lo siguiente....
    header .widget {
    text-align:center;}
    .header img {margin:0 auto;}

    pero nada....porqué no funciona??????

    y otra cosa...como meter un enlace a una web en un gadget si al copiar-pegar la dirección de la página me dice que la URL( NO SÉ NI LOO QUE ES) NO ES VÁLIDA?????


    GRACIAS SI ALGUIEN PUEDEN CONTESTAR Y AYUDARME

    ResponderEliminar
    Respuestas
    1. Deja la dirección de tu blog (eso es la url) para ver que pasa. Sldos.

      Eliminar
  81. gracias me funciono a la perfeccion te mando un abrazo gracias

    ResponderEliminar
  82. Genial, me fue de mucha utilidad. Muchas gracias :)

    ResponderEliminar
  83. Gracias! me estaba volviendo loca porque no sabía como hacerlo!

    ResponderEliminar
  84. Muchas gracias!! muy útil y sencillo!!!

    :D

    ResponderEliminar
  85. Muchas gracias por tu ayuda!!!!, me has ahorrado horas de búsqueda :-)

    ResponderEliminar
  86. Muchas gracias aplicado en http://letrask.blogspot.com/

    ResponderEliminar
  87. Gracias por el tip!!! Rápido y útil, muchas gracias.
    No sé si será el lugar indicado, pero os comento: me ha surgido un problema cuando he centrado la cabecera, resulta que aparece una especie de fondo azul, he mirado las opciones de color background,etc, y no es nada de eso. Tenéis idea de qué puede estar pasando? Os dejo el enlace para que lo veáis: virbeautyandmakeup.blogspot.com
    Gracias de antemano!
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Debes quitar esta imagen http://www.blogblog.com/1kt/ethereal/bird-2toned-blue-fade.png
      Sldos.

      Eliminar
  88. Gracias!Funciona perfecto. Pero hay un problema:el fondo de la cabecera sale azul,y no consigo quitarlo. Alguna idea? (Vuelvo a comentar porque no aparece mi comentario anterior,no sé qué he hecho mal). Gracias!

    ResponderEliminar
    Respuestas
    1. Respuesta comentario anterior.

      Eliminar
  89. Excelente! Avanzando con mi proyecto gracias a tu tutorial. (;

    ResponderEliminar
  90. Gracias Marcos, me ha sido fácil y rápido^^

    ResponderEliminar
  91. Muchas gracias, me ha resultado muy fácil.

    ResponderEliminar
  92. Excelente tu aporte, me ha ayudado mucho.

    ResponderEliminar
  93. Tu consejo me ayudo a la perfección, mil gracias.

    ResponderEliminar

Tus comentarios ayudan a mejorar este Blog.