Blogger. Cómo eliminar/sustituir la cabecera. | Oloblogger En un principio puede parecer lo más tonto del mundo quedarnos sin cabecera, sobre todo teniendo en ...

11 de agosto de 2009

257 ☆ Blogger. Cómo eliminar/sustituir la cabecera.

En un principio puede parecer lo más tonto del mundo quedarnos sin cabecera, sobre todo teniendo en cuenta el trabajo que seguro nos costó diseñarla. Lo que ocurre es que no es exactamente eso lo que vamos a hacer. Más bien vamos a eliminar el artilugio de cabecera de Blogger para poder poner otra cabecera más flexible que se pueda adaptar a nuestro diseño.

La cabecera que viene de serie en las plantillas habituales, sólo nos da la opción de colocar una imagen debajo del texto que corresponde a nuestro título y descripción , o sustituir todo por una imagen que será lo único visible. Como en una imagen creada por nosotros podemos poner también texto, quizás sea esta última la opción con más posibilidades estéticas.

La cabecera de serie en las plantillas habituales, viene como un WIDGET y por eso es tan poco manejable. Además, es un elemento en el que a priori no tenemos la opción "eliminar" por lo que parece que no es fácil de quitar. Sin embargo, si buscamos en nuestra plantilla -sin expandir artilugios- encontraremos el código correspondiente...

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Cosicas de prueba y prueba y prueba (cabecera)' type='Header'/>
</b:section>
</div>


MAXWIDGETS indica la cantidad de artilugios máximos que admite esa sección. Como suele venir con 1, pues no nos admite añadir más. Pero es que también, el SHOWADDELEMENT que sirve para que salga el "AÑADIR UN GADGET" en una sección, está también por defecto puesto en NO, por lo que no nos aparece esa opción. Personalmente prefiero quitar estos dos atributos siempre que los veo. Así podremos añadir más cosas sin mayores problemas, sea la sección que sea.


Pero la palabra mágica para que NO se pueda quitar la cabecera es LOCKED. Este atributo (con TRUE) provoca que el artilugio quede bloqueado y no pueda ser movido de su posición (en la parte superior de la plantilla) y que tampoco pueda ser eliminado. Si lo quitamos o lo ponemos en FALSE, ya podremos moverlo o eliminarlo. Tranquilos que siempre lo podremos volver a poner. Precisamente en la lista de gadgets Blogger prefabricados (Lo Básico) hay uno llamado sin más rodeos Cabecera. Está el último pero está.

¿Y ahora que nos hemos quedado sin cabecera qué...? Pues ahora sólo tenemos que Añadir un Gadget en esa misma sección, tipo HTML y poner lo que nos dé la gana: una imagen, un texto, una imagen de fondo y un texto, un gif animado, un vídeo flash con nuestro nombre lleno de estrellitas (¡puajj!), un gif animado, una lista (UL), un widget conseguido de otro servicio,... en fin, ahora sí podemos poner lo que queramos.

Sólo a modo de ejemplo, un par de opciones:

- podemos colocar una imagen y que sus elementos sean enlaces usando un mapa de imágenes (puntero por encima para simulación)
Enlace1Enlace2Enlace3Enlace publiInicio


- podemos generar una tabla y colocar un fondo común y/o un fondo por celda y luego los elementos que queramos, incluyendo incluso efectos rollover.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo ? También puedes imprimir este artículo .

Interacciones en Google+

257 comentarios :

  1. ¡Que casualidad! Justo desde hace dos dias la cabecera de mi blog confronta problemas , yo la veo sólo como un rectángulo negro , voy a buscar bien la información por si en tu blog está la corrección a este problema , pero como soy novata :P ¿será que te puedas dar una vueltita por mi blog a ver si detectas que sucede?... yo no he querido modificarle porque me daba la impresión que eran un error de Blogger pero ya hoy he visitado varios blogs y les veo funcionando perfectamente.Quiero también decirte que me encanta tu blog es espectacular , es hiper hiper lindo e instructivo , gracias por compartir tus conocimientos , saludos desde Venezuela :)

    ResponderEliminar
  2. Hola Alba. Creo que el problema es simplemente que ha desaparecido de su alojamiento la imagen de fondo que tenías:

    http://img409.imageshack.us/img409/9869/kapli17hp6rg4.jpg

    Tendrás que usar otra...

    ResponderEliminar
  3. Oloman sí que es difícil manejar el header...pruebo esta vez en otro blog, muy buena tu entrada. Espero ganen el premio 20 blogs tu o Iván: no estoy de acuerdo con los demás en la categoría diseño...pero es así...saludos!!!

    ResponderEliminar
  4. Graciela, no es difícil, lo que ocurre es que intenté explicar cómo está construido el HEADER, para que se entendiera bien cómo "destruirlo". Lo de después son sólo unas ideas creativas.

    ResponderEliminar
  5. capitan z12/8/09 22:09

    Jiji, muy útil entrada Oloman, grácias otra vez

    Mira, me preguntaba si hay alguna manera de escribir en mi blog con estilos diferentes de fuentes a las que vienen por defecto

    Espero tu respuesta, grácias

    ResponderEliminar
  6. Claro, capitan z. Busca en la plantilla dónde tienes los atributos FONT-FAMILY y cambias las fuentes por las que desees. Ojo! Utiliza fuentes usuales u otros usuarios que no las tengan no las verán igual.

    ResponderEliminar
  7. Muchas gracias! me servio mucho, precisamente algo que estaba buscando para moverle a mi blog lo resolvi con los trucos de este post.

    Saludos.

    ResponderEliminar
  8. ME encanta este blog y quiero que muera "Lo que me toca los cojones". No es justo, éste debería ser el primero.
    ¿Alguien no está de acuerdo?

    ResponderEliminar
  9. Hola Oloman,

    Hechando un vistazo en tu blog me he dado cuenta de que cuando pasas el puntero sobre un titulo de una entrada se selecciona como si estuviera marcado por un rotulador, ¿cómo lo haces?
    Grácias

    ResponderEliminar
  10. Maritoñi: ¿Sobre cual de tus cuatro afirmaciones preguntas?
    1º De acuerdo ;)
    2ª No estoy de acuerdo
    3ª No estoy de acuerdo
    4ª No sé si debería ser el primero

    Mercier, se trata de un efecto para el HOVER de la clase que controla los títulos de los posts (normalmente POST.H3), en el cual he colocado una imagen de fondo (background:url(...).
    En el siguiente post (párrafo "Jugando con el fondo") tienes explicado como hacer ese y otros efectos para destacar los enlaces y el título... es un enlace.

    ResponderEliminar
  11. Hola. Si quieres ganar 50 € con tu blog con enlaces de texto y sin necesidad de clics, dímelo. Un cordial saludo. Javier

    ResponderEliminar
  12. Te invito a participar en el concurso de mi blog llamado Boox de Blogs aqui como registrarte.

    El registro: Dura del 15 de Agosto al 22 de Agosto y consta de que los blogs que quieran participar se registren dejando un comentario con los siguientes datos:
    Nombre del blog: WinBoox
    URL del blog: http://www.winboox.blogspot.com
    Tema del blog: Diversos temas
    E-maill - WinBoox@hotmail.com
    ASEPTO EL CONCURSO

    Para ver mas info entra a
    http://winboox.blogspot.com/2009/08/llega-el-concurso-boox-de-blogs-as.html

    ResponderEliminar
  13. Muy útil la información, se agradece.

    Quería aprovechar también mi comentario para felicitarle por este meritorio segundo puesto en la clasificación y desearle mucha suerte para el concurso.

    Un cordial saludo desde UNIVERSO DE MARTI

    ResponderEliminar
  14. Excelente blog con buenas y nuevas ideas. Keep going!

    Saludos :)

    Descubre Irlanda
    http://descubreirlanda.blogspot.com/

    ResponderEliminar
  15. Hola, está super su blog!!!, yo lo que quiero es poner dos imágenes en la cabecera de mi blog, una la izquierda y otra a la derecha del título, una en formato jpg y la otra es un gif animado, se puede hacer eso??? puede ayudarme??? mi blog es: http://jedicerocool.blogspot.com/

    ResponderEliminar
  16. Se puede hacer desmontando la cabecera tal como se explica aquí y luego añadiendo un nuevo elemento tipo HTML.

    En ese elemento puedes colocar IMAGEN-TITULO-IMAGEN sin ningún problema. Si tienes algún problema de formato puedes recurrir a usar una tabla y tienes también un enlace en el post de cómo construir una.

    ResponderEliminar
  17. Haber si entendí:

    1.-Desmonto la cabecera.

    2.-Añado un gadget donde estaba la cabecera y dentro del gadget el nuevo elemento tipo HTML.

    3.-En ese elemento coloco IMAGEN-TITULO-IMAGEN.

    4.-Si tengo algún problema de formato uso una tabla dentro del nuevo elemento HTML que está dentro del gadget.

    Corrígeme si me equivoco en algún punto por favor.

    ResponderEliminar
  18. LO LOGRÉ!!! (^_^)
    Si alguien quiere ver:
    El Retorno del Jedi

    ResponderEliminar
  19. No pude contestarte afirmativamente en su momento Cero Cool, pero ya vi que te apañaste ;)

    ResponderEliminar
  20. Anónimo1/9/09 10:28

    hice lo que dice el post pero al momento de colgar el nuevo titulo en el gadget html me qda un espacio como de dos centimetros entre el titulo y la imagen del fondo..por lo que no se ve bien..como le hago para que el gadget quede sobre la imagen de fondo??

    ResponderEliminar
  21. Hmm. No sé que hiciste, si instalar la cabecera como artilugio Blogger o borrar esta y poner un HTML. Supongo que lo segundo, pero no puedo averiguar dónde está el problema si no dejas un link.

    De todas formas, vamos a suponer que lo que ha pasado es que has tratado imagen y texto por separado. Para que uno quede encima de otro, hay que usar STYLE="BACKGROUND:URL(direc_imagen);" y no la etiqueta IMG ¿es eso?

    ResponderEliminar
  22. Tu blog es buenisimo !!!
    Felicitaciones !!!
    Sigue asi !!!

    ResponderEliminar
  23. Graciaaaas!!!! Me estaba sacando de quicio no poder poner otra cosa ¬¬

    ResponderEliminar
  24. Buenisimo este post!!!
    Uno que sabe algo de programacion sabe que la mayoria de las cosas se pueden hacer... solo es necesario saber como hacerlas.
    Gracias por enseñarnos.

    ResponderEliminar
  25. En este caso, es sólo la explicación de cómo hacer algo, complementado con una idea de diseño. Luego cada cual la aplica como su imaginación le permita.

    ResponderEliminar
  26. he eliminado la cabecera en los blog que tengo desde el principal y me queda un trozo de la zona azul aun en pantalla, las cabeceras para los tres blog, son las mismas, me elimina titulo, pero me deja un trozo

    ResponderEliminar
  27. inserto un Gadget el de html, doy a enlace y pongo la direccion de la imagen, y no me la muestra, por que?

    ResponderEliminar
  28. De momento no puedo ver ninguna de tus cosas porque tienes un problema mayor en el blog. Espero que hicieras copias de seguridad, aunque creo que simplemente se trata de un punto y coma que te falta al final del DISPLAY de este trozo.
    <style type="text/css">#navbar-iframe { display:block; }
    </style>

    ResponderEliminar
  29. ya me dí cuenta, en internet explorer se ve bien pero en firefox no hay manera

    ResponderEliminar
  30. Ya veo que todo vuelve a funcionar bien. No sé qué es lo que será lo que decías del hueco azul, pero supongo que será el de la navbar.

    Con respecto a lo de la imagen, si está alojada en Blogger, a la dirección del enlace le tienes que quitar el guión y la h (-h) que lleva detrás de 1600.

    ResponderEliminar
  31. Por si me vuelve a pasar me puedes corroborar lo siguiente:
    para hacer copia de seguridad de la plantilla es en:
    diseño, edicion html, descargar plantilla completa.

    y para restaurarla, en diseño, edicion html y Carga una plantilla desde un archivo de tu disco duro busco la copia de seguiridad y darle a subir es correcto?

    ResponderEliminar
  32. ves donde está el titulo que pone tecnologias de la información y la comunicacion, pues en los dos blog que tengo enganchados a este donde entran en modo privado ahí he quitado la cabecera pero me sigue mostrando un centimetro en azul como la cabecera que tiene el título anteriormente mencionado, y si pongo una imagen, no me la muestra. me sigue poniendo el centimetro en azul.

    ResponderEliminar
  33. Sí Luz, lo de las copias es de la forma que has explicado. Con respecto a lo del hueco, te decía que sólo se me ocurre que pueda ser la navbar oculta que reserve el espacio o que la sección de la cabecera mantenga algún margen que provoque eso. Como estoy a ciegas es difícil acertar.

    ResponderEliminar
  34. si me dejas tu mail te agrego para que puedas ver el de Ciclos formativos por ejemplo

    ResponderEliminar
  35. de todas formas creo que es lo que comentas porque antes intentaba poner una imagen y ese trozo siempre me lo dejaba debajo de la imagen

    ResponderEliminar
  36. me gusta la cabecera que tienes en http://oloman-cosicas.blogspot.com/ con tantos botoncitos cuando solucione todo lo que tengo entre manos lo intentaré

    ResponderEliminar
  37. Lo de los botones es el último ejemplo de esta misma entrada. Si seleccionas el trozo y ves el código fuente de esa parte, podrás ver que es fácil montarlo.

    ResponderEliminar
  38. he puesto uno en en el blog de ciclos y otro par el de bachilleratos, para volver a la pagina principal, me ha que dado bien el boton.

    ResponderEliminar
  39. Hay algunas entradas por ahí con distintas formas de hacer BOTONES y cómo aplicar efectos ROLLOVER. Echales un vistazo si te parece.

    ResponderEliminar
  40. no encuentro donde dicee eso del codigo ayuda:s


    agregame porfaaas metamorphosis124@hotmail.com
    te lo agradeceria mucho

    ResponderEliminar
  41. ya lo encontre wujuuuu! soy feliz muchisimas gracias

    ResponderEliminar
  42. Siempre tuve dudas sobre eso!!!

    Ahora que ya se que se puede modificar; voy a poner en practica lo aprendido!!

    Muy Bueno este blog. Fue hasta hoy que me entere de su existencia!!!!

    ResponderEliminar
  43. Me gustó muchísimo este post, porque si bien no tengo mucho que publicar en una cabecera, muestra de qué forma podemos romper su estructura y amoldarla a nuestra necesidad.
    Es atrapante leerte, me encantan tu inteligencia, investigación, prolijidad, etc.
    Felicitaciones y claro que te voto para todos los premios que indiques.
    Un saludo afectuoso desde Córdoba, Argentina. Con toda mi admiración.

    ResponderEliminar
  44. Voy a añadir una regla a las condiciones de uso de esta página: Prohibido piropear al autor ;)

    ResponderEliminar
  45. bueno solucioné lo del tozo de cabecera que me dejaba, ahora voy a intentar hacer una a mi gusto, me dices que seleccionando el trozo veo como está hecha la última que tienes aqui, pero como no consigo ver el html.
    Por otra parte, como diseñas los botones, son muy originales, tengo el gimp pero el dibujo no es que sea mi fuerte.

    ResponderEliminar
  46. Sí se ve Luz. Por lo menos lo importante. Lo de los botones es como tantas otras cosas; la práctica va haciendo que uno mejore...

    ResponderEliminar
  47. Hola Oloman,
    antes de nada felicitarte por el premio, que no te conoc�a y a trav�s de Gem@ ahora aqu� me tienes.
    He mirado tus c�digos pero no alcanzo a comprender c�mo puedo a�adir el secrip con enlaces dentro de la imagen de mi cabecera o en donde los tengo que colocar o, si por el contrario, lo he de hacer individualmente con la imagen primero y despu�s subirla,

    en fin, que he probado de todas las manera y no me salen m�s que barbaridades.

    Muchas gracias y lo dicho, felicidades.

    ResponderEliminar
  48. Hola Susy
    Para poner una cabecera de ese tipo, primero tienes que eliminar la que viene por defecto con Blogger. Es un gadget y en la primera parte de la entrada se explica cómo poderlo borrar. Luego puedes restituirlo si te arrepientes.
    Luego diseñas lo que quieres hacer y lo metes como gagdet HTML/JavaScript.

    ResponderEliminar
  49. Gracias por contestarme Oloman, pero eso sí sé hacerlo, si has visto mi blog lo habrás visto. Mi pregunta es si en esa misma cabecera que tengo puesta o en otra puedo incluir enlaces en el centro de la misma.
    Me he leído tu post varias veces así como los enlaces, pero o no me entero o es que no puede ser o no sé yo qué,

    Un abrazo y si sabes de algo que responda a lo que digo y me puedes orientar, te estaría muy agradecida, si no ya has hecho lo que has podido y más.

    Un abrazo.

    ResponderEliminar
  50. Pues con dificultad (anulado botón derecho), pero creo que he visto que lo tienes como un gadget no-cabecera. Lo que no sé es si está como imagen. Si no es así, podrás introducir código. En ese caso, deberías crear un div con un background formado por tu imagen principal y ahí ya puedes meter todos los enlaces que quieras.

    Los puedes ubicar con POSITION o más fácil dibujándolos en ese fondo y usando un mapa de imágenes. En este último caso, la imagen no iría como fondo, sino con el tag habitual IMG.

    ResponderEliminar
  51. muchas gracias por todo hice ya la cabecera, el caso es que intentaba ver el html con IE y no habia manera para verlo para ese trozo sólo, pero con firefox he podido y ya tengo mi cabecera, me das tu opinión, un saludo

    ResponderEliminar
  52. Oloman,
    te agradezco de veras tu explicación y haré pruebas con lo que me dices, así que ya te contaré.
    Imagino que debe tratarse a algo parecido a la división del header o algo así pero, claro, dada mi ignorancia en el campo, lo mismo he dicho una barbaridad.

    Gracias y un abrazo.

    ResponderEliminar
  53. Bien Luz, están muy bien. Sólo te falta poner el enlace en INICIO y en SALUDO. Sale JAVASCRIPT:VOID(0); que es un enlace nulo.
    Mientras te escribo veo que estás actualizándolos por otros de colores. Ojo con los bordes, que no sé que pasa pero están raros.

    Susi, empieza por leer lo del Mapeado de Imágenes, que creo que es lo más sencillo y lo que soluciona directamente lo que propones.

    ResponderEliminar
  54. ya, los he quitado no soy capaz de poner colores que queden bien, como hago para poner todos los botones a la parte derecha y en la parte izquierda un buscador, se puede?

    ResponderEliminar
  55. Se trataría de hacer un contenedor general para el fondo con la imagen de la cabecera o una imagen con enlace a inicio. En cualquier caso con una propiedad POSITION:RELATIVE. Luego creas dos capas más superpuestas y dentro de la anterior con POSITION:ABSOLUTE;BOTTOM:0PX;LEFT:0PX; y POSITION:ABSOLUTE;BOTTOM:0PX;RIGHT:0PX; respectivametne. En una capa metes el buscador y en la otra los botones.

    De momento me curraría lo de los botones con el Photoshop y ya tendrás tiempo después de meter el buscador, que todavía no tienes tanto contenido como para que sea imprescindible.

    Hay varios post sobre POSITION por ahí.

    ResponderEliminar
  56. lo veo de momento un poquito complicado, voy a intentar que los botones estén mejor, tengo el gimp pero supongo que podré conseguirlo, ahora me pongo a ello.
    me estoy volviendo loca para colocar los botones en la parte de la izquierda pero no lo consigo, me puedes echar un cable, la posición no la he variado, pero he introducido una celda mas en la primera fila de la tabla y hay algo que se me está escapando

    ResponderEliminar
  57. No te contesto porque ya veo que has logrado poner los botones a la izquierda ;)

    ResponderEliminar
  58. yo los veo debajo del globo terraqueo, a la izquierda

    ResponderEliminar
  59. perdon es que confundo las manos, es a la derecha donde los quiero para que no me queden debajo del globo, sino al otro lado

    ResponderEliminar
  60. Gracias Oloman, en eso estoy.

    Abrazos.

    ResponderEliminar
  61. Ok Susy.

    Luz ya he visto arreglado lo de la navbar. Con respecto a los botones y al globo (terráqueo), tienes el código de las tablas un poco desastroso. Hay cierres de tabla (/table) dónde no toca y una sola columna arriba y cuatro abajo.

    Una vez más, te remito a un post antiguo. Bueno a dos:
    http://oloblogger.blogspot.com/2007/12/construir-tablas.html
    http://oloblogger.blogspot.com/2007/12/construir-tablas-2.html

    En el segundo se explica como formatear las celdas. Para alinear la tabla entera dónde tú quieres o la metes dentro de un DIV con una etiqueta STYLE o directamente pones el STYLE (con sus atributos) en el tag TABLE.

    ResponderEliminar
  62. bueno esta noche estoy ya un poco fuera de servicio, lo intentaré mañana

    ResponderEliminar
  63. he hecho dos botones, me dices que te parecen?, un saludo

    ResponderEliminar
  64. Si te refieres a los de fondo verde, yo hubiera escogido un color que contrastara más con el fondo, porque el resultado es "extraño".

    ResponderEliminar
  65. bueno intentaré a ver que puedo hacer

    ResponderEliminar
  66. Excelete - Muchas Gracias de verdad me sirve de mucho ^^!
    --
    jeje te pido un poco de tu ayuda, crees saver cual seria el codigo para mostrar la cantidad de comentarios?

    ResponderEliminar
  67. El buscador, Feuer, está arriba a la derecha...

    http://oloblogger.blogspot.com/2009/02/numero-de-comentarios-perdido-blogger.html

    ResponderEliminar
  68. Hola! He eliminado la cabecera pero a la hora de poner un gadget HTML no sé que código poner para colocar una imagen =( He estado leyendo los comentarios pero parece que soy la única burra que no sé como hacer eso jajaja

    ResponderEliminar
  69. Hola Seraphinprincess

    Código para mostrar una imagen:
    <img src="URL_IMAGEN"/>

    Si además quieres poner un enlace, busca el artículo que explica cómo hacerlo. Lo de las tablas, lo del rollover y lo del mapeado de imágenes, también se explica en otros posts.

    Saludos.

    ResponderEliminar
  70. o_o pues he hecho eso antes de comentar...pero no me sale la imagen...¿es que hay problemas con colocar las imágenes en imageshack? porque salen el cuadrito pequeñito en vez.Muchas gracias por la respuesta ^^

    ResponderEliminar
  71. Sólo veo una imagen alojada en Imageshack en tu código, que es la que forma el fondo de los laterales. El caso es que sí que se carga cuando accedo a tu blog.

    Personalmente, creo que es mejor alojarlas en Blogger (o Picasa) porque alguna vez, tanto ese servicio como PhotoBucket, me han dado algún problema.

    ResponderEliminar
  72. Ahhh, si es que los quité en cuanto vi que no me salían, muchas gracias, probaré con el del Blogger mismo.

    ResponderEliminar
  73. Eres un genio como ya dijeron en varios comentarios, excelente blog, me interesa mucho el diseño, esta muy bueno, si me puedes contar como lo has hecho para mejorar el mio porque soy un principiante, que plantilla has usado?, si puedes agradeceria mucho que pases por mi blog y veas y aconsejes, ¿como modifico cuando entro a comentar un post el titulo? es muy aburrido en mi blog, por ejemplo tu titulo es "Publicar un comentario" y esta en una fuente y tamaño apropiados ... saludos

    ResponderEliminar
  74. Hola Mau.
    La plantilla en la que se basa este diseño es la Notepad Chaos para Blogger.
    Con respecto a aconsejar, me cuesta mucho trabajo hacerlo, porque los gustos de cada uno de nosotros son muy dispares. Creo que más bien se trata de que cada cual encuentre su propio estilo.
    Lo que comentas de Publicar Comentario, puedes verlo en esta entrada.
    Un saludo.

    ResponderEliminar
  75. lo hice pero al quitarlas me sigue quedando arriba de todo como la forma del gadget puedes mirarlo y decirme
    http://masidejuvenil.blogspot.com/

    ResponderEliminar
  76. Maside, da la impresión de que no has quitado del todo el gadget cabecera. No hay imagen pero siguen estando el título y la descripción.

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

    ResponderEliminar
  78. eres increíble en estas cosas master de masters jeje muchas gracias y mucha suerte en tu blog

    ResponderEliminar
  79. Anónimo9/1/10 15:29

    Hola, yo hice ese truco con una plantilla de internet, y me funciono colocar la imagen que queria, pero ahora estoy trabajando con otra, presideñada por un programa pero no me sale el div id='header-wrapper' en el html de la plantilla, que hago en ese caso. luisgt18@hotmail.com

    ResponderEliminar
  80. Anónimo, voy a ciegas (no pusiste un enlace) pero seguramente sea más fácil porque no tendrás instalado el artilugio cabecera, sino que directamente se habrá construida una de otra manera.

    Tienes que identificar el DIV que te forma esa cabecera y una vez hecho, sólo se trata de modificar el código correspondiente.

    ResponderEliminar
  81. Gracias!!!

    Lo andaba buscando...
    Te felicito, Buen Blog...

    ResponderEliminar
  82. gracias, probé varias cosas para agregarle el link a mi header y esta es la única que me sirvió

    ResponderEliminar
  83. ¡¡¡¡¡Muchas gracias!!!! ya mismo me pongo tu blog en favoritos!!

    ResponderEliminar
  84. Hola d new Oloman ¡muy buen post!... pero no es lo que estoy buscando :(
    Deja te explico: Lo que quiero es esto: http://img641.imageshack.us/img641/5169/dondequierolaimgen.png; poner donde está la flecha roja esta imágen: http://img534.imageshack.us/img534/6598/bannerblog.png; que quede arriba de todo lo q parece como un papel de pergamino.

    Y donde está la flecha verde esto: http://www.blogblog.com/scribe/divider.gif, que por alguna razón despareció después de que intenté hacer lo que indicas en esta entrada pero lo puse de nuevo como estaba y el divisor no volvió a aparecer :(

    Porfavor y Gracias... Pantostaoo

    ResponderEliminar
  85. Pantostaooo, ¿por qué no pones la línea divisoria dentro de la misma imagen del banner y simplemente lo subes desde el widget de cabecera habitual? Tendrías que marcar la casilla de "en lugar del titulo y la descripción".

    De todas formas, si eliminas la cabecera, te quitas muchas barreras. En caso de hacerlo, sólo tienes que añadir un gadget html con la imagen o directamente un gadget imagen (yo prefiero el primero porque se pueden controlar más cosas si hiciera falta después). A continuación otro gadget con la línea divisoria y luego todo lo que se te ocurra.

    No acabo de entender dónde se te plantean los problemas para aplicar cualquiera de estas dos soluciones.

    ResponderEliminar
  86. Lo del divisor lo resolví pero lo que tú me propones no es lo que quiero :(
    Mira:http://img163.imageshack.us/img163/894/comoloquiero.png; esto es lo que quiero (yo sé que la imágen me quedó torcida pero es que la hice apurada :P).

    Y así:http://img203.imageshack.us/img203/2666/comoesta.png; es como queda con lo que tu me dices... ¿Qué hago? :S

    Pofavor y gracias :P... Pantostaoo

    ResponderEliminar
  87. el como que tu tienes imágenes más arriba de lo que es como un blog de notas... bueh yo quiero esa imágen más arriba de lo que parece un papel de pergamino... entiendes???? :S

    ResponderEliminar
  88. A lo mejor no es muy ortodoxo, pero prueba a colocar el código de una imagen directamente después de <body> o después del DIV outer-wrapper:

    <body>
    AQUI
    <div id='outer-wrapper'>
    o AQUI

    Y este es el código-tipo de una imagen:
    <img src='http://img203.imageshack.us/img203/2666/comoesta.png'/>

    ResponderEliminar
  89. WUUUUUUUUUUUUUUU Yeahhhh! SIIIIIIIIIIIIIIII Gracias Oloman!.. Lo lograste :D si quieres pasate para q veas cómo queda

    ResponderEliminar
  90. Pero ahora se me presentó un nuevo problemita :(
    Es que creé 2 páginas de esas nuevas q tiene Blogger pero se abren en sumarios y si le das leer más sólo abre esa misma página que hago??.
    Y disculpa la molestia :D

    Porfavor y gracias... Pantostaoo

    ResponderEliminar
  91. Quizás no te entendí bien, pero eso debería ser lo normal. Cuando haces post resumidos con Leer Más, el enlace en esas palabras te debe llevar al post en cuestión para que se pueda leer completo.

    ResponderEliminar
  92. Lo que pasa es q yo quiero q las entradas se vean al estilo de sumarios automáticos pero sólo en la página de Inicio. El problema se me presentó cuando hice 2 páginas aparte y ellas se abren en sumarios autom. y yo no lo quiero así, de todas maneras cuando le das en leer más se abre la misma página. Cómo resuelvo esto???

    ResponderEliminar
  93. No sé que código usas para las entradas resumidas, pero supongo que en algún lugar hay un condicional que indica que se haga en páginas distintas de las tipo ITEM (entrada individual). Quizás venga en positivo para que se haga en la página inicio y en las de navegación. No sé en tu caso.

    Si quieres que además no se ejecute el script en páginas estáticas, tendrás que buscar la forma de cuadrar esta expresión
    <b:if cond='data:blog.pageType != "static_page"'>
    CODIGO
    </b:if>

    STATIC_PAGE es el código que identifica las nuevas páginas estáticas. Dependiendo de como esté formado tu sistema, quizás tengas que hacerlo igual (==) en lugar de distinto (!=). Hay que buscarle la lógica de los condicionales y acoplarla a tu código.

    ResponderEliminar
  94. Buenas noches! Estoy intentando modificar la cabecera de mi blog para agregar uno diseñado por mi, pero al realizar los pasos que indicas, me sale el siguiente error:

    Lo sentimos, pero no hemos podido llevar a cabo tu petición.

    Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:

    Describe lo que estabas haciendo cuando recibiste este error.
    Proporciona el siguiente código de error e información adicional.
    bX-7lykz7
    Información adicional
    blogID: 8916310388103450887
    host: www.blogger.com
    uri: /rearrange

    Esta información nos ayudará a detectar tu problema específico y solucionarlo. Disculpa las molestias.

    Buscar ayuda
    Puedes ver si alguien más tiene el mismo problema: Buscar en el Grupo de Ayuda de Blogger bX-7lykz7
    Si no obtienes resultados para la búsqueda, puedes iniciar un nuevo tema. No te olvides de incluir bX-7lykz7 en el mensaje.

    ¿Podrias ayudarme a solucionar el problema ya que no soy muy experto en estas cosas?

    Saludos

    ResponderEliminar
  95. Hola Churuata. Ese tipo de errores suelen ser temporales y motivados no tanto por tu actuación sino por el sistema de Blogger. Tendrías que probar en otro momento (o día). Si la cosa sigue, necesitaría que me dijeras en que paso te da ese error.

    ResponderEliminar
  96. Hola, tengo un problema con mi blog. En Diseño - Elementos de la página se ha duplicado la cabecera y el ítem de Entradas al blog, por lo que se repiten 2 veces al ingresar. Quisiera saber cómo solucionar este problema.

    ResponderEliminar
  97. Pues no tengo ni idea, pero es que si además es algo que te pasa sólo desde el panel de control, o sea, una vez logueado, tampoco podría verlo. No obstante, he echado un vistazo rápido y no he visto nada raro. Espero que como en otros casos que se están dando actualmrnte, sea simplemente un problema pasajero de Blogger.

    ResponderEliminar
  98. Hola tengo un problema, estoy por abrir otro blog y quiero cambiar mi cabecera, pero ya había cargado una imágen antes, coloco "Eliminar la imágen" y tan solo vuelve a cargar la que había puesto, no he intentado nada más para no perder la configuración del blog, pero ya no se que hacer, porque ya no me gusta el diseño que tengo.

    ResponderEliminar
  99. Athena ¿a qué blog te refieres? Por disparar a algún sitio a ciegas ¿has cambiado primero el valor de LOCKED que se explica al principio de esta entrada?

    ResponderEliminar
  100. Estuve buscando esa parte en el código de mi plantilla y no la encuentro, no se si puedas ayudarme, es este blog: http://toma-mi-sangre.blogspot.com/

    TIene una cabecera por defecto, la cual ya identifique dentro de la plantilla, pero quisiera quitar la que esta superpuesta con formato gif.

    Si pudieras explicarme a detalle, este es mi correo y msn: dijual12@hotmail.com

    Gracias por atender la duda y por tu atención.

    ResponderEliminar
  101. Para ver estos códigos, tienes que tener marcado "plantillas de artilugios expandidas". A ver así.

    ResponderEliminar
  102. Um ya intente encontrarla, pero al parecer estoy demasiado ciega. ¿Si te diera los datos de mi blog, tu podrías ayudarme a remover la imágen?

    Gracias por tu atención nuevamente.

    ResponderEliminar
  103. Estoy ayudándote...

    Diseño > Elementos de Página > Elemento Cabecera > Editar

    Y desde ahí dos formas:
    1. Debajo de la imagen > Eliminar > Guardar
    2. Debajo de la imagen > Eliminar > Imagen > Desde tu equipo > Examinar > Elegir la imagen nueva > Guardar

    La primera te deja sin ninguna imagen y la segunda sustituye la que hay por otra nueva.

    ResponderEliminar
  104. Me fue de gran ayuda. Muchas gracias. Te incluyo en mi Blogroll.
    Saludos.

    ResponderEliminar
  105. Hola de nuevo:

    El problema es que seguí tus consejos del blog, lo ultimo que me pusiste de eliminar o sustituir desde elementos de la página también y nada borra la imágen.

    Gracias, Atentamente. Diana

    ResponderEliminar
  106. ¿Esto aparece en tu plantilla?

    background-image: url("http://img12.imageshack.us/img12/2323/o04315.gif");

    Si es así, borra exactamente lo que reproduje.

    ResponderEliminar
  107. No, realmente no logro ubicar este código, solo aparece algunos códigos como Background-color ó Attachment. Pero no aparece nada de background-image: url("http://img12.imageshack.us/img12/2323/o04315.gif");

    Si no hay otra solución, no te preocupes de todos modos te lo agradezco, creo que ya llene bastante tu blog de mis comentarios, como para seguir llenándolo de mis dudas.

    Tu blog es excelente y muchas gracias nuevamente.

    Saludos Diana R.

    ResponderEliminar
  108. Pues no Athena. Sólo hay dos opciones: o agregaste esa imagen desde el gagdet CABECERA y para quitarla tienes que hacer lo de #103 o está directamente redactado en la plantilla, con lo que tendrías que hacer lo de #106.

    Por si acaso, te recuerdo que para encontrar todo lo de una plantilla, hay que marcar "Plantillas de artilugios expandidas".

    Suerte.

    ResponderEliminar
  109. amigo lo primero es mucha mucha gracias por ke gracias a este blog es podido contruir el mio pero me pasa algo y ya me duele hasta la cabeza y espero ke me pueda ayudar yo coloco la imagen en la cebecera pero mi imagen no se ve completa por por la barra ke estan abajo como logro ke ese espacio sea mas grande ... gracias

    ResponderEliminar
  110. eres el mejor del mundo man grax

    ResponderEliminar
  111. TrabajoDinero, en http://www.trabajodinero.net/ se ve una imagen con tonos verdes y amarillos. Cuando la he visto aisladamente(http://3.bp.blogspot.com/_8gXSV4D0jjE/S6QnuT7X7II/AAAAAAAAADw/igtytZfY-n4/S1600-R/bannoficial2+copiar.jpg) he podido comprobar que se muestra completa ¿?

    ResponderEliminar
  112. Hola!!
    Busco el código y modifico "true" por "false" y me permite eliminarlo, pero al volver al blog, vuelve a aparecer nuevamente.
    No he podido removerlo.

    ResponderEliminar
  113. Hmmm... He estado haciendo pruebas con tu plantilla y siguiendo las instrucciones que aquí se dan y pinchando en Eliminar, la cabecera desaparece. Supongo que el problema es que queda un trozo en verde y por eso comentas que no puedes eliminarlo.

    Para no complicarnos mucho, la manera más simple de hacer desaparecer también ese trozo, es incluyendo en la ID #header, un display:none;

    #header {
    display:none;
    margin: 0;
    etc.

    ResponderEliminar
  114. Funciono perfecto muchas gracias....

    Saludos y adelante con la web....

    ResponderEliminar
  115. Hola, esta muy bien explicado, estuve buscando esta información, solo que, todo sale bien.

    Lo que entendí es que para eliminar la cabecera debo cambiar True por False, lo hago, y asi e aparece la opción de eliminar, la elimino, pero al dar click en ver Blog (Para ver como ha quedado), me aparece la cabecera otra vez y me dice:

    Lo sentimos, pero no hemos podido llevar a cabo tu petición.

    Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:
    Describe lo que estabas haciendo cuando recibiste este error.
    Proporciona el siguiente código de error e información adicional.
    bX-jqunzv


    Me podrías ayudar, decirme que es lo que estoy haciendo mal porfavor, gracias de antemano.

    ResponderEliminar
  116. Que tonta, no había leído que el de arriba tenía le mismo problema que yo, hize lo mismo que le has dicho, y listo, la cabecera desapareció, excelente blog, saludos.

    ResponderEliminar
  117. Hola, ante todo felicidades por tu blog, está muy currado.
    Quiero poner una cabecera en mi blog y he mirado ya en mil sitios y no sé como hacerlo, porque la plantilla que voy a poner no tiene ese código que nombras. Esto es lo que aparece:

    #header{
    width:100%;
    height:132px;
    overflow:hidden;
    }
    #header #logo{
    float:left;
    padding:20px 0 0 36px;
    }
    #header #logo a{
    color:#fff;
    font-size:61px;
    font-family:Georgia, "Times New Roman", Times, serif;
    letter-spacing:-2px;
    font-style:italic;
    text-transform:capitalize;
    }
    #header #logo a:hover{
    text-decoration:none;
    }
    #header #logo p{
    font-size:16px;
    color:#fff;
    font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif;
    }

    Si pudieras decirme como hacerlo te lo agradecería muchísimo porque ya estoy desesperada xD Este es mi blog de pruebas: http://wiriwi.blogspot.com/

    Un saludo

    ResponderEliminar
  118. Snow, el código que se cita lo tienes que buscar más abajo, con artilugios expandidos, en la parte HTML de la plantilla. La segunda línea es la que te servirá de referencia.

    ResponderEliminar
  119. muchas gracias me funciono para quitar ese molesto texto que no encajaba con mi tema, muchas gracias por compartir tus conocimientos

    ResponderEliminar
  120. Hola antes que nada felicitarte por tu blog, muy instructivos, gracias por compartir tus conocimientos con nosotros los aficionados. he intentado eliminar la cabecera de mi blog, con tus esplicaciones y me ha funcionado muy bien, aunque sobre la imagen que puse me ha quedado una linea bastante molesta que no la he podido quitar. Si me puedes indicar como quitarla, te estaria agradecida. Muchas gracias.

    ResponderEliminar
  121. Hola, no lo he comprobado, pero esa línea tiene toda la pinta de ser el borde que hay aquí:
    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #cccccc;
    }

    Quita la línea marcada en negrita a ver que tal. Hay otro borde igual en #header, pero creo que será el primero.

    ResponderEliminar
  122. Muchas gracias!!!, se fue esa linea molesta. Me ha quedado como queria. Sos un genio!!

    ResponderEliminar
  123. espectacular , pero como lo puedo hacer para dividir la cabezera y dejar dos gadget ahi ? mi plantilla es de 3 columnas y no me resulta por fa ayudame

    ResponderEliminar
  124. Aquí se explica para el footer, pero vale igual para la cabecera. Saludos.

    http://oloblogger.blogspot.com/2009/05/plantilla-blogger-crear-secciones-iii.html

    ResponderEliminar
  125. Anónimo28/4/10 2:37

    Excelentes consejos para los legos, desgraciadamente no pude votar, las votaciones estaban cerradas.
    te felicito y agradezco por la ayuda.

    Mario Luque
    http://lucus-conversacionesvarias.blogspot.com

    ResponderEliminar
  126. Hola, acabo de crear un blogg y e intentado quitar la cabecera, pero me sale un cacho de ella; también he intentado poner una imagen en el gadget tipo html pero solo me sale la dirección no la imagen.
    Te agradecería mucho que me ayudaras, por que lo e intentado varias veces y nada.
    un saludo

    ResponderEliminar
  127. Hola Secret.

    Para que ese código se interprete, necesitas meterlo entre etiquetas IMG, por lo que el código correcto será:
    <img src="http://lh4.ggpht.com/_EaP3k7klu3c/S9m75AzaNnI/AAAAAAAAACc/pfMYllHa2VA/Copia%20de%20welcome%20to%20dark%20fantasy.jpg"/>

    Por otra parte, he visto que el contador que tienes te ha metido publi. Echa un vistazo a este enlace.

    ResponderEliminar
  128. GRACIAS, ya me funciona todo perfectamente.

    ResponderEliminar
  129. hola una pregunta quiero quitar la cabesera de la pagina para poner un fondo q traiga mi logo de cabesera pero hahora veo que no puedo editar la cabecera no me deja pinchar en editar.

    ResponderEliminar
  130. Locked=false
    Eso es lo que tienes que cambiar en el gadget para que te permita editarlo e incluso eliminarlo. Dale una vuelta a la entrada porque en ella se explica con más detalle.

    Saludos.

    ResponderEliminar
  131. Muchisimas Gracias..
    Serías tan amable de pasar por mi blog para ver como quedó?
    Estoy haciendo uso y reuso de la nueva herramienta de diseño de Blogger.

    ResponderEliminar
  132. No hay ninguna web asociada a tu perfil I.C.C.E.Ch...

    ResponderEliminar
  133. Al hacer éste cambio bloger no me lo permite, cuando voy a edición páginas y trato de eliminar la cabecera luego me sale que no se pudo y muestra un error... gracias, sí tienes alguna otra idea?

    ResponderEliminar
  134. El quid de la cuestión está en cambiar antes de ir a Elementos de Página, el valor de LOCKED, tal y como se explica en la entrada. Si a pesar de eso no te funciona, puede que se trate de un error temporal del sistema. A veces ocurre.

    ResponderEliminar
  135. Hola, tengo un problemón y no se como solucionarlo.

    Yo quise modificar mi plantilla pero antes la guardé, como siempre indican uds que saben.

    Luego, no me gustaban los cambios y quise volver a la que tenía antes, la volví a subir pero ahora me aparece igual que antes pero con DOS CABECERAS.

    Y esto es muy molesto y se ve mal. No se puede eliminar y si modifico una, se modifican ambas.

    Intente borrar como dices en este post, lo busque con Ctrl + F pero al ir al HTML me dice que no encuentra ese código que pones arriba, entonces si no lo encuentra no se como borrar mis cabeceras.

    Podrías, por favor, decirme que pudo pasar o si estoy haciendo algo mal? me angustia no saber como solucionarlo sola, pero te dejo el url de mi blog por si no se entiende mi explicación.

    Mi blog con dos cabeceras es Yo te esperaba:
    http://yoteesperabayoteespero.blogspot.com/

    MIL GRACIAS!!!

    ResponderEliminar
  136. Hmmm. Yo sólo veo una cabecera. Supongo que ya lo solucionaste ¿no?

    ResponderEliminar
  137. Ay...yo sigo viendo dos cabeceras, dice "Yo te esperaba" y abajo se repite, queda un poco camuflado con el pasto de la plantilla, pero si que está. Que raro....

    ResponderEliminar
  138. Sí Ceci. Ahora me dí cuenta.

    En teoría, haciendo lo que se explica en esta entrada, deberías poder eliminar no sólo una de las cabeceras, sino incluso las dos. La clave está en cambiar el valor de LOCKED a FALSE.

    Suerte

    ResponderEliminar
  139. me ah servido bastante, un saludo !

    ResponderEliminar
  140. saludos eres un genio............
    -
    -
    -
    -
    -

    ResponderEliminar
  141. Hola
    He dividido la cabecera del blog, para poder rellenar el margen derecho, con un gadget.
    Pero al colocar el gadget, no termina de alienarse con el titulo del blog. Con lo cual el margen derecho, sigo sin poderlo utilizar.
    Puedes indicarme la manera de poder alienarlos.
    Saludos

    ResponderEliminar
  142. o4toctoc, ¿a qué blog te refieres? ¿qué sistema has usado para dividir la cabecera?

    ResponderEliminar
  143. Hola muy buenas yo llevo una Radio,
    que se llama Radio Los Capillitas,y quería contactar contigo para varias cosas no sé como contactar lo la verdad te dejo mi correo electrónico y pasa te por mi web porque la estamos reformando por eso no verás mucho..
    www.radioloscapillitas.blogspot.com

    ResponderEliminar
  144. Radio el medio de contacto es cosita a cosita, en el post que más se parezca a lo que necesitas.

    ResponderEliminar
  145. hola!!!

    me parece una entrada superutil pero me surge un problema cuando quiero eliminar mi cabecera. Me da la opcion, pincho en eliminar pero no pasa nada.

    un saludo
    gracias

    ResponderEliminar
  146. Merche29, no sé a cual de tus dos blogs te refieres, pero en ambos, creo que sería suficiente con editar el gadget cabecera y eliminar sólo la imagen de fondo. Me parece que con eso servirá sin necesidad de eliminar todo el gadget.

    ResponderEliminar
  147. Oloman. gracias por el tuto
    pero tengo un problemon..
    pasa que quiero usar botones de "imagen de sustitusion" metiendolos en tablas pero al hacerlo no aparecen correctamente los botones(solo sale la primera imagen del boton)
    esto solo en blogger ?
    ayuda porfavor
    y gracias de antemano

    ResponderEliminar
  148. L en el buscador de arriba del todo, utiliza 'rollover'. Encontrarás un post con todo lo que sé sobre ese tipo de botones. Saludos.

    ResponderEliminar
  149. ola aiiyy me hace sufrir esto no sabes cuantas veces eh querido cambiar mi cabesera de verdad no se q mal estoy haciendo para merecer esto jeje tu me pones una clave para buscar en los codigos html pero no me sale esa clavee para nada no la encuentro por lo tanto no puedo hacer nada con mi cabezera necesito ayudaa!!!! te agradeceria q me repondideras y mucho!!! mi correo es kimhakyung_15@hotmail.com

    ResponderEliminar
  150. Si se trata del blog que tienes en tu perfil Zaida, eso no es una cabecera al uso y no la podrás cambiar fácilmente. El texto sí, e incluso meter una imagen bajo él; pero no te lo recomiendo. Esa plantilla es muy maja tal cual está.

    En cualquier caso, si no te aparece el código exactamente igual que el que puse, al menos tiene que ser parecido, porque un HEADER sí que tienes.

    ResponderEliminar
  151. hola yo tengo un problema con mi cabecera lo que quiero hacer es que este en el lugar que quiero, es decir mi plantilla tiene una imagen en el lugar de la cabecera pero yo quiero poner como gadget una imagen flash pero no me sale en la posición adecuada, para que mi imagen me saliera donde yo quería puse una cabecera una imagen con transparencia que no obstaculizara las demas imagenes y corrida de tal forma que estuviera donde yo queria esta http://bit.ly/dDYniG y se ve asi en mi blog http://sollelcuerpo.blogspot.com/ como hago para que esa sea la posicion original de la cabecera en mi blog? gracias

    ResponderEliminar
  152. Dreamare, yo te sugeriría que borraras del todo el gadget cabecera, tal y como se explica aquí y luego simplemente añadieras un nuevo gadget tipo HTML/JavaScript con tu imagen flash.

    ResponderEliminar
  153. ya hice lo de borrar la cabecera, lo que sucede es que al agregar el gadget no logro que se ubique exactamente en el lugar que quiero para que no interfiera con otros elementos de la plantilla, podría modificar el lugar dándole coordenadas o algo parecido al gadget?

    ResponderEliminar
  154. te pasate compadre muy buenoo

    ¿y tu hiciste la plantilla?

    ResponderEliminar
  155. Dreamare, no sé dónde lo quieres colocar. La imagen que enlazaste no me lo aclara. Haz una captura de tu blog tal como lo ves ahora y marca ahí dónde quieres poner la imagen (o el flash).

    djsemix no exactamente. La plantilla es la Notepad Chaos para Blogger. Lo que ocurre es que tiene muchas modificaciones.

    ResponderEliminar
  156. Gracias por el blog. Una consulta. Elimino la cabecera pero me queda la parte de abajo de la cabecera antigua y queda muy mal. Es una especie de borde rectangular de medio centímetro de alto y el ancho del blog, con las puntas redondeadas. Gracias nuevamente.

    ResponderEliminar
  157. Fray Tuk, pues la verdad es que no queda mal eso, porque me costó encontrarlo, pero si aún así quieres eliminarlo, busca esto...
    #header-wrapper {
    padding-bottom: 15px;
    background: url(http://www.blogblog.com/thisaway_blue/bg_header_bottom.gif) no-repeat left bottom;
    }
    ...y pon ese padding-bottom igual a 0px.

    ResponderEliminar
  158. Hola, gracias por tu ayuda la anterior vez, como siempre muy agradecido ya que ha sido de mucha utilidad tu blog, ahora estuve instalando una plantilla nueva en un blog y al cambiar todos los gsgets quedo uno llamado ATRIBUTION O ATRIBUCION que es donde se muestra lo que dice "hecho con la tecnologia de blogger" bueno esto generalmente se ve al final del sitio pero esta vez ha quedado en un gadget bloqueado (no lo puedo mover como el de la cabecera) al inicio, y se ve realmente muy mal,http://bit.ly/ifJd11 ademas me estorba para otros artilugios , quisiera saber si se peude desbloquear como la cabecera o eliminar, gracias.

    ResponderEliminar
  159. Exactamente igual, Dreamare, cambiando el valor de LOCKED, que además de permitirte eliminar el gadget, te dejará que puedas moverlo a otra parte de la plantilla.

    ResponderEliminar
  160. Eres un genio de los blogs, Oloblogger, pero más todavía de la atención y amabilidad. Dios te conserve tus talentos que tanto nos ayudan a tantos.

    ResponderEliminar
  161. Ya eliminé ese, a mi juicio, molesto borde (aunque parece que a ti te gustaba, je je). Mil gracias por tu esfuerzo y tu tiempo. Eres un campeón.

    ResponderEliminar
  162. de verdad a veces mis preguntas son un poco ingenuas pero agradezco mucho tu amabilidad tanto como tu ayuda!

    ResponderEliminar
  163. Hola soy cecilia...vengo buscando auxilio...soy muy muy novata, y me he perdido nada mas empezar...he encontrado tu blog y aqui metienes haciendote una consulta...que no se hasta que punto es una tonteria aunque para mi es solo el comienzo..je,je
    nada mas empezar a confeccionar el blog puse una imagen en la cabecera para probar y ahora no me deja eliminarla para poner la definitiva ¿que puede estar ocurriendo?
    el blog se llama signos de identidad sorda y esta iniciandose en http://signosdeidentidadsorda.blogspot.com/

    ResponderEliminar
  164. Bien signosdeidentidadsorda, ¿ya la lograste quitar, no?

    ResponderEliminar
  165. Saludos Oloman, tu blog me ha ayudado bastante para comprender las estructuras de los blogs y como modificarlos, y creo que voy por muy buen camino, pero ahora quiero mas, mi blog cuenta con un menú de paginas estáticas. lo que quiero hacer es poner mi propio menú, con imagenes o con otro diseño, pero que de todas formas me lleven a las páginas, es eso posible? no soy un novato en html, pero tampoco soy experto y neecsito bastante orientación en este momento. Espero me ayudes.

    ResponderEliminar
  166. Hola Oloman, ahora estoy mas claro con lo que haré, creé un menu en flash, pero no se como hacer para usarlo con las paginas estaticas que ya tengo creadas. Ya se como poner el menú, pero necesito saber como hacer para que mis botones me lleven a las paginas fijas.
    Saludos y espero respuesta.

    ResponderEliminar
  167. Ilapso, si lo que me preguntas en este último comentario es cómo poner los enlaces en el flash, la respuesta es que no tengo ni idea. Nunca he manejado ese lenguaje.

    Se supone que la aplicación con la que lo has creado, debe tener alguna opción para incluir enlaces. Si la localizas, entonces sólo tienes que fijarte en la dirección que en tu navegador tiene cada una de esas páginas estáticas y ponerlas dónde corresponda.

    Si quieres retomar otro sistema sin flash, en este enlace tienes una página que te permite crear menús fácilmente. La segunda parte sería la misma, copiar las direcciones de tus páginas estáticas y, en este caso, ponerlas en la etiqueta A HREF que corresponda.

    ResponderEliminar
  168. Ya pude hacer todo lo que quería en el blog, me sirvió mucho también el poder quitar el titulo y añadir mi propio gadget.

    Lo que haré también es diseñar el fondo yo mismo, el problema es que lo cuadré con la plantilla, pero en pantallas con menor resolución todo me sale corrido, como puedo hacer para que el fondo que le puse se adapte a la resolución de la pantalla del visitante?

    ResponderEliminar
  169. ILAPSO como tienes una plantilla de las del nuevo diseñador, por Configuración-->Diseñador de plantillas, tienes que llegar hasta el apartado de Fondos. Desde ahí seleccionas la opción de mosaico o la que sea que quieras.

    ResponderEliminar
  170. Gracias...sí conseguí quitar la cabecera...gracias por todo

    ResponderEliminar
  171. Hm, hace tiempo que quiero hacer esto para poner una imagen a modo de cabecera en un laterl (facil facil) pero no encuentro en el URL de mi plantilla esta parte. Busco header-wrapper (ctrl+F) pero nada de nada. Me lleva loca >.< Ya que estoy te pregunto también cómo hacerlo para que poniendo las etiquetas como una lista no salgan los puntos que marcan que es una lista. GRacias.

    ResponderEliminar
  172. Petite Mademoiselle, tienes una plantilla de las nuevas y ahí el código cambia. Tendrás que buscar esto otro:
    b:section class='header' id='header'

    ResponderEliminar
  173. Oloman de nuevo mucha gracias por otro artículo de tanta ayuda. estoy intentando en el blog de mi firma donde pone "el blog de un estudiante de T.O" alargarlo y poner un menu,mediante mapeado o similar, tengo que leer un poco más porque n me queda claro.Pero la pregunta que te quería hacer es ¿Cómo puedo colocar el banner de adsense que tengo justo pegado "al techo" sin que me quede ese hueco? y ya si me dijeses como centrarlo te hago un monumento.

    Muchísimas gracias, como siempre

    ResponderEliminar
  174. Estudiante T.O., para eliminar ese hueco superior, tienes que hacer de tamaño cero la Navbar, porque aunque la has hecho invisible, el espacio que ocupaba sigue reservándose. Para ello tienes que insertar en tu parte CSS:
    #navbar {width:0px;height:0px;visibility:hidden;display:none;}

    Y para centrar el banner, simplemente mételo dentro de un DIV con una etiqueta STYLE que incluya el ancho y el largo del anuncio y un margin:0px auto;

    ResponderEliminar
  175. Amigo, he hecho lo que dices, pero por alguna razón la imagen me queda mucho más abajo que la nav bar. ¿Cómo podría hacer que esté al tope?

    ResponderEliminar
  176. En tus dos blogs lo veo bien Edch, pegadito el título a la navbar...

    ResponderEliminar
  177. Oloman, gracias un poco tarde, pero gracias, perfecto como siempre ;)

    ResponderEliminar
  178. hola olomán. quisiera poder poner un menú arriba del título. ¿cómo lo puedo hacer? he intentado eliminar el no y cambiar el true por false pero me da error cuando quiero incluir un widget de html.

    ResponderEliminar
  179. Lileka en tu caso, quizás lo mejor no sea eliminar la cabecera, sino desbloquearla para que se pueda mover y luego añadir el menú como gadget HTML/JavaScript encima del de la cabecera.

    Para ello cambia/añade los siguientes valores del gadget CABECERA:
    maxwidgets='3'
    locked='false'
    showaddelement='yes'

    ResponderEliminar
  180. Hola Oloman. Quiero quitar la cabecera y cambiarla por un widget con scroll de imagenes. En mi blog de pruebas lo he conseguido, pero me gustaría que conservara el nombre del blog en una de las esquinas tal como se ve en la cabecera original. ¿Se puede hacer? Saludos.

    ResponderEliminar
  181. Muchas gracias...llevaba toda la tarde amargada con el tema y me lo has solucionado...Mil Gracias

    ResponderEliminar
  182. Que yo sepa no M@nuel. Bueno, quizás sí se puede porque siempre se puede hacer todo. Lo que quería decir es que yo no sé ni creo que haya una manera fácil de superponer un enlace de texto sobre una galería de imágenes. Quizás deberías buscarle otra ubicación al título del blog. Encima de la galería o incluso en vertical a derecha o izquierda...

    De nada info :D

    ResponderEliminar
  183. Gracias, al leer tus mensajes lo he conseguido.
    Voy mirando más, porque lo estoy construyendo.
    http://daniela-crochet-ganchillo.blogspot.com/
    A este conseguí quitar.
    Si me podrías echar una mano, te lo agradecería, le quiero quitar los bordes de la pagina y no hay manera, se que se puede cambiar en diseño pero no se quita los malditos bordes.
    Un saludo.

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

    ResponderEliminar
  185. Me salté este último comentario tuyo Daniela y acabo de darme cuenta de que estaba sin contestar. Pero como sabes mejor que yo, has cambiado de plantilla y ya no tienes ese problema ¿verdad?. Siento no haber contestado, pero quería que supieras que no fue intencionado.

    ResponderEliminar
  186. Hola Oloman, soy relativamente novato en el tema blog y estoy intentando hacer la cabecera de una forma que me parece que no voy a conseguir en mi vida jajajaja, te dejo la dirección: http://lacombamagazine.blogspot.com/
    Lo que quiero conseguir es la cabecera con esa idea y que el menú y un gadget de BUSCAR esté integrado en la franja negra, a continuación del logo (similar a esto: http://www.esquire.es/).
    Muchas gracias de antemano.

    ResponderEliminar
  187. Administrador, tu blog es sólo para lectores invitados y por tanto, no puedo verlo. De todas maneras, es posible que esta entrada te sirva para lo que quieres. Sólo tendrías que hacer lo mismo pero aplicando las indicaciones para el gadget Cabecera en el gadget Páginas o Menú, dependiendo de como tengas contruído tu idem.

    ResponderEliminar
  188. Buenas, soy nuevo con esto de los blogs y recientemente he abierto uno, me gustaria cambiar el titulo por un video que le he hecho para la cabezera y que deberia estar en modo loop todo el rato, pero aunque sigo todos los pasos no consigo na, quiza, porque esto del html me suena a ruso, bueno, pues esto es todo, muchas gracias de antemano.

    ResponderEliminar
  189. elbledoproductions, tienes que seguir los pasos que se indican aquí y con eso lograrás quitar la cabecera, en tu caso, el título. Luego vas a Diseño (Elementos de Página si usas el interfaz antiguo) y añadir un gadget tipo HTML/Javascript en la parte superior.
    Por último, copias dentro de ese gadget el código de tu vídeo. Eso tiene que funcionar.

    ResponderEliminar
  190. Muchisimas gracias oloman! ya va mejor el asunto, pero el video sale todo en blanco y ademas descentrado, si sabes que es pues te lo agradeceria mucho...

    ResponderEliminar
  191. Si sale en blanco, lo más probable es que no hayas puesto bien el código del reproductor. Otra posibilidad es que el alojamiento de vídeo no admita enlace en caliente (hotlinking)

    ResponderEliminar