Eliminar la cabecera (header) de la página de tu blog


Eliminar la cabecera parece que sea hacer algo inútil y que no tenga sentido, pero tiene un porqué. Dicho de otra forma, no la vamos a eliminar sino que la vamos a hacer "más completa".

De por sí, blogger no permite borrarla ya que no hay un botón para ello, por eso nosotros aprenderemos a crear ese botón que nos permita eliminarla y en su lugar poner una cabecera con más posibilidades (por ejemplo poner un gadget HTML/Javascript para una cabecera en flash), ya que la cabecera de serie sólo permite poner un título o una imagen.


Para ello hay que seguir una serie de pasos:


1) Vamos a Diseño
2) Edición HTML
3) Buscamos <div id='header-wrapper'> (tecleamos Ctrl + F para buscar más rápido).

Nos encontraremos con esto:


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='El gato del trastero (cabecera)' type='Header'/>



4) Tan sólo debemos cambiar el valor true por false:


5) Clicamos en vista previa y si todo está bien guardamos la plantilla.
6) Ahora vamos a Diseño -> Elementos de página y vamos a la cabecera y veremos que nos ha aparecido por arte de magia el botón eliminar:

Ahora ya podemos poner en su lugar la cabecera a nuestro gusto.


Nota: no os preocupéis porque la podéis volver a añadir cuando queráis (me refiero a la cabecera de serie) yendo a Elementos de página --> añadir un gadget --> es el último gadget que aparece abajo del todo.

35 comentarios:

  1. Podrias decirme cual sería la utilidad de este tips? Será par poder solucionar este problema?
    Puede ser que el google encuentre mas rápido el blog nuestro a traves de una cabecera con texto en vez de imagen?
    En mi viejo blog:
    www.allegrasfotoyvideo.blogspot.com utilizaba texto en el titulo y logro posicionarse muy bien nate una busqueda en google...luego hice uno nuevo que es www.allegrasfotografiayvideo.blogspot.com y utilice imagen en vez de texto...pues quedaba mejor diseñado y no he logrado ubicarlo tan bien como al otro...
    Muchas gracias por todo y soy un nuevo seguidor de tu blog. Ya eres mi favorito en mi navegador.
    Saludos desde Argentina.

    ResponderEliminar
  2. Hola Fabricio, muchas gracias por tu comentario y por ser tu favoritos, es un honor.

    Te recomiendo que tomes ejemplo de esto: http://img85.imageshack.us/img85/3755/tituloposicionamiento.jpg

    De esta forma tienes el titulo correctamente expresado y en su lugar sale la imagen que quieras, pero igualmente el robot de los buscadores lee tu titulo. De todas formas lo importante es el contenido y la continuidad para posicionarte.

    Un saludo y espero volverte a ver en este blog.

    ResponderEliminar
  3. http://img85.imageshack.us/img85/3755/tituloposicionamiento.jpg

    No me queda claro el ejemplo...que debo hacer con esta URL?

    ResponderEliminar
  4. Seguro me veras por aqui muy seguido. LA verdad es que es el mejor blog sobre blogs que he visto.

    Otra pregunta...Que opinión te merece el mio ?
    Técnicamente hablando.

    ResponderEliminar
  5. Hola Fabricio. La URL que te puse era para que vieras como lo tengo yo. Con el titulo y la foto, y en el blog solo aparece la foto.

    Tus blogs muy buenos, me han sorprendido. A mi tambien me encanta la fotografia.

    Un saludo ;)

    ResponderEliminar
  6. Hey amigo...Que disfrutes tus vacaciones.!! Las tienes muy ganadas por todo el esfuerzo y ganas que le pones a lo que haces!!
    Saludos!!
    A tu regreso seguimos hablando.

    ResponderEliminar
  7. ¿Es posible modificar la cabecera y hacer que aparezcan 2 o 3 columnas como las del "Añadir 3 columnas a pie de pagina (footer)?
    Ser es posible, lo que me refiero es a ¿como tengo que hacer?
    ¿Copio el mismo codigo debajo de
    (div id='header-wrapper') y cambio donde dice footer por header?
    Y si quiero que solo me aparezcan 2 columnas ¿quito el fragmento de footer4 y modifico los porcentajes de las otras dos?

    ResponderEliminar
  8. Hola, me ha fascinado tu blog, quiero preguntarte como hacer para que la cabecera quede del mismo tamaño que el resto, ya que agrande las columnas, pero la cabecera se sigue viendo pequeña.

    Gracias

    Un abrazo!!

    ResponderEliminar
  9. Hola Viviana. Gracias por tu comentario. Tienes que modificar el width de header-wrapper.

    Un saludo.

    ResponderEliminar
  10. hola que tal, muy buena la explicacion, lo he podido hacer perfectamente solo que tengo un problema y es que elimine la cabecera, sin problemas añadi el gadge con la nueva cabecera, pero el problema es que no me sale arriba del todo y centrada como la tenia, ahora me sale en la parte derecha, ¿como puedo solucionarlo?, solo quiero que me quede igual que antes de crear el boton de eliminar, y eliminarlo, gracias por todo espero que me puedas ayudar, mi blog es "www.topushingthecow@blogspot.com"

    ResponderEliminar
  11. Hola mairlo. Gracias por tus palabras.

    Para centrar gadgets visita esta entrada: http://www.quierocrearunblog.com/2009/07/como-centrar-fotos-en-las-entradas-de.html

    Un saludo.

    ResponderEliminar
  12. Muchisimas gracias, es la respuesta menos liosa que he encontrado, sigue asi maquina

    ResponderEliminar
  13. Gracias Suso, me alegro haberte servido de ayuda. Un saludo y bienvenido al blog.

    ResponderEliminar
  14. hola, excelente pagina, me sirvio mucho para mejorar mi blog... He tocado ultimamente el HTML y tengo un pequeño corchete arriba de mi cabecera q no logro sacarlo, medirias que he tocado que se me ha pasado por alto? mi direccion es: www.fabianmartinena.blogspot.com
    DESDE YA MUCHAS GRACIAS
    fabian.

    ResponderEliminar
  15. Hola Fabian. Busca en tu plantilla esta parte: <div id='outer-wrapper'><div id='wrap2'> Justo arriba hay un > solitario que me imagino que es el que debes borrar. Un saludo.

    ResponderEliminar
  16. A mi no me deja quitarla, sigo todos los pasos y cuando le doy a guardas me dice que no se ha podido llevar a cabo mi peticion

    ResponderEliminar
  17. Hola.
    A mi tampoco me salia, si le colocaba "false" y lo eliminaba no me salia la imagen y si lo colocaba nuevamente se me desordenaba la plantilla y me salia el nombre y la descripcion.
    Lo que hice fue cambiar una imagen de la plantilla y acomodarla por html "padding" "heigh" yesas cosas.
    Pero veo que en tu blog cuando paso sobre la imagen del header da un link. en la mia no.
    Eso sera un problema? Por que pasa? que implicaciones puede tener?
    Desde ya te agradezco, esta pagina que hago en su totalidad esta hecha gracias a tus consejos y trucos.

    ResponderEliminar
  18. Holaa! Estoy en construccion de mi blog y me parecio muy bueno tu articulo, pero cuando qiero guardar la modificacion despues de haber eliminado la cabecera, me sale un mensaje de error, por favor podrias solucionarme eso lo antes posible? De antemano muchas gracias (:

    ResponderEliminar
  19. Hola:

    Gracias por resolver nuestras dudas. Estoy comenzando con mi blog. Encontré la plantilla "Days of old" en B templates, y lo unico que quiero eliminar es la imagen de una flor que sale allí para poner una foto relacionada con el tema de mi blog. Lo intente copie el codigo de mi imagen pero me cambió todo el encabezado. Yo solo quiero borrar una imagen (flor)¿Cómo puedo hacerlo? Es posible?
    Por va ayudame, espero tu respuesta
    Soy obsesiva y llevo dias tratando de logrando, ayudame a que sean menos.....
    Gracias
    Claudia, Temuco - Chile

    ResponderEliminar
  20. @PIEDAD AMARGO. No sé decirte la causa, cada plantilla es un mundo y lo que funciona para unas no funciona para otras.

    @Dyrim. Revisa que estás haciéndolo correctamente sin borrar ni modificar nada.

    @Claudia. Hola, bienvenida. No podrás eliminar la flor porque la cabecera en sí es una misma imagen, concretamente es esta: http://3.bp.blogspot.com/_hcF8ssiWKd4/Si4E5Ho-jcI/AAAAAAAABPo/rqzwzdRcmbQ/s1600/1212369801-7-2.png

    ResponderEliminar
  21. Muchas gracias por ayudarme. Sin tu ayuda todavía estaría tratando de eliminar la famosa flor. Buscaré otra plantilla o pondré mi imagen en toda la cabecera. Seguiré visitando tu blog, porque tus explicaciones son muy claras y se ve que pones mucho cariño en él.

    Claudia, Chile

    ResponderEliminar
  22. Holaaaaa.. hice lo que dijiste pero ahora quedo muy feo porque ya no aparece la cabecera como tal sino que arriba de mi blog (que ahora tiene una cabecera que hice de imagenes recortadas en html) aparece solo el nombre del blog, es decir que queda un espacio entre la cabecera que yo hice y el borde superior del explorador.. ayudaaaaaaaaaa

    ResponderEliminar
  23. ya no es igual al borrar la cabecera

    ahota se tiene que buscar eta linea y borrarla

    b:widget id='Header1' locked='true' title='. (cabecera)' type='Header'/

    borrando esa linea se borrar la cabecera

    ResponderEliminar
  24. Hola! tengo una consulta, espero me ayudes. Quiero agregar una foto en la cabecera de mi Blog. Es para que salga exactamente dentro de un marco de fotos. No se como explicarme mejor. El asunto es que no lo puedo hacer directamente desde "editar cabecera" porque la foto aparece en otro lugar y no exactamente donde debe salir. Disculpa la ignorancia, aún estoy aprendiendo y no se como resolver este problemita. Se supone que en el marco de foto tendría que estar la foto de mi hijo. Ojala puedas ayudarme. Si deseas visitar mi Blog para que me comprendas a que me refiero te lo agradeceria.
    Anny
    (La mamá de "Mi hijo único" Blog)

    ResponderEliminar
  25. Bueno ya consegui poner la foto aunque no como yo queria.

    ResponderEliminar
  26. Hola muy bueno tu blog, gracias por tu tiempo y ayuda. Estoy tratando de eliminar la cabecera y cambio la palabra true por false pero me arroja un error, no me la deja quitar, que crees que sea?

    ResponderEliminar
  27. Gracias por el truco, estaba buscando la manera de mover el titulo a un lateral y de esta forma lo he conseguido facilmente.

    ResponderEliminar
  28. OOOOHHHHHHHHHH DIOOS!! ERES EL MEJOR!! no sabes cuanto he buscado un tutorial como este de verdad, te doy mil gracias, lo acabo de hacer y me quedó perfecto! gracias por tan excelentes aportes!!!

    ResponderEliminar
  29. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  30. Hola, tenía un problemilla en el blog referente a la cabecera del blog, por haber puesto una imagen gif en ella.
    Lo he solucionado cambiando en la plantilla, la palabra true por false.
    Vengo a agradecerte y por supuesto ser seguidora, de este magnífico blog.
    Mil gracias
    Saludos

    ResponderEliminar
  31. MIL MIL GRACIAS!!!

    ESTO ME SIRVIO DE MUCHO!!!

    ;)

    ResponderEliminar
  32. hola, si sale eliminar pero luedo doy actualizar y aparece nuevamente y hora tengo 2 cabeceras. que hago como las elimino

    ResponderEliminar
  33. Hola hago todos los pasos y me permite eliminar la cabezera, pero al querer dar en guardar me dice que hay un error y tengo que volver a cargar la pagina. Cuando la cargo me vuelve la cabezera.

    ResponderEliminar
  34. Me pasa que consigo borrar la cabecera, modificar el gagest pero cuando quiero guardar los cambio me da error Porque?

    ResponderEliminar
  35. saludos amigo hice los pasos y no se elimina la separacion cual seria la otra opcion aqui te comparto como queda la cabecera quiero q este todo completo el banner http://networkinginteligente.blogspot.com/
    gracias por tu ayuda de antemano

    ResponderEliminar