Dividir la cabecera del blog

13 de agosto de 2010 731 comentarios ,
Dividir la cabecera del blog sirve para poder poner al lado del título del blog algún gadget como un anuncio, algún banner, un buscador, etc.
El proceso que veremos es para las plantillas basadas en la plantilla Mínima y para las que son del Diseñador de plantillas de Blogger.

Para las plantillas hechas con el Diseñador de plantillas de Blogger:

Primero entra en Diseño | Edición de HTML y SIN expandir los artilugios busca esta parte:
/* Header
----------------------------------------------- */
Debajo de ella pega lo siguiente:
.header {width:48%; float: left; margin:0 auto 1%;}
.header2 {width:47%; float: right; margin:0 auto 1%;}

Ahora busca el siguiente código y agrega lo que está en color rojo:
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/>
</div>

Guarda los cambios y listo. Ahora puedes ir a Diseño | Elementos de la página y ya podrás ver la cabecera dividida en dos partes.


Cabecera doble


Para las plantillas antiguas:

De igual modo entra en Diseño | Edición de HTML y SIN expandir los artilugios busca este código:
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Elimínalo y en su lugar agrega este:
#header {
width: 48%;
float: left;
margin:0 auto 1%;
text-align: center;
color: #000;
}

#header2 {
width: 48%;
float: right;
margin:0 auto 1%;
text-align: center;
color: #000;
}

Ahora busca este otro código y agrega lo que está en color rojo:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título de tu blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/>
</div>

Y listo, tendrás un área para agregar un gadget junto a la cabecera.


Cabecera doble


731 comentarios en:

" Dividir la cabecera del blog "

  1. Buenas Potro,
    En mi plantilla no encuentro el primer codigo. La mia esta hecha con el diseñador de plantillas.
    Un saludo.

    ResponderEliminar
  2. Será más fácil si buscan esta línea:

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

    Igual usen las teclas CTRL + F para localizar los códigos más fácil.

    ResponderEliminar
  3. Ya intente con las dos formas y no funciona.

    ResponderEliminar
  4. ¿En cuál blog lo has intentado Dankey?

    ResponderEliminar
  5. que tal potro ya utilizo esta Plantilla Simple de Josh Peterson. y solo esta este codigo que es lo que tengo que hacer

    ResponderEliminar
  6. Hola Potro!! Mejor dicho TEACHER!!Quiero darte las gracias por compartir tan valiosa info sobre todo para los que no teníamos ni idea de nada. Gracias a ti he armado mi blog de a poco y siempre encuentro una solución contigo cuando algo no me sale. Aparte pareces vidente...hacia días que tenía ganas de buscar un logo para identificar mi blog,pero ni idea de cómo hacerlo,y bueno aca tengo la solución. Gracias de nuevo!! Saludos.

    ResponderEliminar
  7. Ya le hice un cambio a la entrada sobre la parte donde hay que pegar el primer código, prueba con ese.

    ResponderEliminar
  8. Hola Marysil,

    Muchas gracias por tu comentario, parece que entonces te leí la mente =)

    Un abrazo grande!

    ResponderEliminar
  9. buenisimo el post!! justo lo que queria aprender, parece que me leyeron la mente jejejeje. Felicidades por el post y por todo lo que hay aqui.

    No olvides que la causa de presente es tu pasado y la causa de tu futuro es tu presente... Pablo Neurda.

    ResponderEliminar
  10. utiliza el CTRL+F para encontrarlo amigo ... XD
    Suerte Saludos

    ResponderEliminar
  11. Sharpito, sigue el consejo de 70L3D0

    70L3D0, sin duda las palabras de Pablo Neruda son más que sabias.

    ResponderEliminar
  12. Hola, Potro. Está muy bueno este post.
    Ya había visto más o menos cómo hacer esto en otros sitios de ayuda para blogs, pero no me había animado a hacerlo, pues a veces no lo explican tan claramente. Ahora, con esta forma que nos enseñas aquí, me parece más sencillo, así que voy a intentarlo. Gracias.
    Desde hace días estoy intentando enviarte un correo, pero como lo tienes inahbilitado, no había podido. Así que aprovecho la ocasión.
    Solo quería agradecerte por tu ayuda de hace como dos semanas (quizás no lo recuerdes, entre tantos casos que atiendes), acerca de cómo paginar dentro de una misma entrada. Aunque no era factible en Blogger, como me dijiste, me diste otros datos que sé que me servirán para más adelante.
    Gracias por tu contínua disposición de ayudar a todos los que nos paseamos por las calles de Ciudad Blogger.
    Saludos!

    ResponderEliminar
  13. No funciona en las plantillas del diseñador de plantillas, por el hecho de que esas plantillas están estructuradas un poco diferente y no poseen esa sección Head-wrapper. Lo digo porque yo tambien uso una plantilla del diseñador de plantillas y no se puede dividir la cabecera (bueno, yo logré dividirla... pero no podía agregar enlaces).

    ResponderEliminar
  14. Quisiera saber como hacer que en un blog de peliculas las imagenes me queden una al lado de la otra y que sean acceso directo de descarga de una pelicula como lo muestra esta página en su inicio.
    http://pelisdvdripdd.blogspot.com/

    Gracias

    ResponderEliminar
  15. Vicky, no hay nada qué agradecer, por el contrario, gracias por visitar estas calles de la Ciudad, sabes que siempre es un placer poder leerte.

    Harry, claro que se puede en las plantillas del Diseñador, tan se puede que yo lo he hecho en varias de ellas. Obviamente si tratas de buscar un header-wrapper no lo encontrarás, es por eso que en el primer método no menciona nada de un contenedor con ese nombre.

    ResponderEliminar
  16. Daniel Montes de Oca,

    En el caso de ese blog tiene en la portada las miniaturas de las entradas que a su vez son una imagen. Necesitas modificar tu plantilla por completo para poder hacerlo. En estos días publicaré una entrada que explica cómo crear esos "mini posts" en la portada del blog.

    ResponderEliminar
  17. me quedo perfecto potro, habia visto la explicacion para las otras plantillas pero no para las nuevas y al primer intento me ha quedado de lujo. muchas gracias como siempre teacher, un abrazo enorme

    ResponderEliminar
  18. Qué bueno que todo te salido como esperabas ;)
    Otro abrazo para ti.

    ResponderEliminar
  19. Hola!!! Me salio de maravillas... mi blog utiliza una plantilla de las nuevas (Diseñador de plantillas) pero utilicé el código de las plantillas antiguas. Gracias!!

    ResponderEliminar
  20. potro una consulta he hecho estos pasos y dividio muy bien mi blog y es lo que estuve buscando pero cuando voy a diseño no me sale ninguna opcion "añadir gagdet" estando dividido en 2 ...no puedo agregar ningun gagdet :S ya intente arrastrando pero nada ...sera xq en la cabezera lo tengo como imagen?...chekea www.ayudasrapidas.blogspot.com

    ResponderEliminar
  21. Si lo has hecho correctamente debe aparecer la opción de Añadir gadget, la plantilla que usas también la probé para hacer las pruebas y funciona muy bien el código. Prueba de nuevo y verifica que has seguido los pasos correctamente.

    En cuanto a que si es por la imagen no sé, prueba eliminarla y fíjate si con eso aparece.

    ResponderEliminar
  22. Ya me di cuenta es raro al parecer no grabo la ultima linea :S...sorry por la molestia man si tuvieras puntos te pondria 400 xD!. Gracias

    ResponderEliminar
  23. Disculpa tengo otra duda....nose si es posible poner un aviso como "mantenimiento" al ingresar a una pagina creada y q lo regrese a la pagina anterior....se pued hacer eso en un blogger?...si se peude dimelo pleasee....sorry x escribr ipor aka pero "enviar correo" no ta disponible dice :S

    ResponderEliminar
  24. Tenias toda la razón El Potro... El error mio fue leer al revez :P El problema que tengo es que... yo uso una imagen como Background para el header.. y al momento de dividirlo en dos, la imagen se corta. ¿Alguna forma de arreglarlo?

    ResponderEliminar
  25. Gracias Potro,
    Quedo perfecto. Un abrazo amigo.
    Jose

    ResponderEliminar
  26. Ciudad Blogger es genail e igual que tu (Potro).

    Ya he visitado Ciudad Blogger y haste he incluido tu banner en mi blog, no habia puesto mi agradecimiento hasta hoy.

    Asi que.....

    Oficialmente............Gracias.

    Saludos.
    p.s. seguire viniendo aunque no comente mucho ;)

    ResponderEliminar
  27. Rodrigo, mira esta entrada de Rosa que explica cómo hacerlo.

    Blincacequias, por nada ;)

    Las Pokas Neuronas de YobLleh, te agradezco mucho tu comentario y por supuesto el enlace que has puesto. No importa que no comentes mucho, al igual eres bienvenido las veces que así lo desees.

    ResponderEliminar
  28. Harry, la única forma que se me ocurre es que pongas la imagen de la cabecera al fondo, es decir, en el contenedor de la cabecera completa.
    Para hacerlo sólo busca esta parte:
    .header-outer {

    Debajo debe haber algo como esto:
    background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;

    Sólo cambia esa línea por esta otra:
    background: url(URL de la imagen);
    height:160px;

    Ahí agrega la URL de la imagen de la cabecera y abajo determina el alto de la imagen.

    ResponderEliminar
  29. @El Potro! Eres un capo. Funcionó perfecto ;) Muchas gracias.

    ResponderEliminar
  30. Potro tengo ota duda :S......nose si es posible poner un aviso como "mantenimiento" al ingresar a una pagina creada y q lo regrese a la pagina anterior....se pued hacer eso en un blogger?...si se peude dimelo pleasee....sorry x escribr ipor aka pero "enviar correo" no ta disponible dice :S

    ResponderEliminar
  31. hola potro exselente como todas tus entradas,gracias por conpartir tus conosimientos,y tanbien por haser estas entradas tanto para quienes tienen plantillas antiguas como las nuevas creo eso tiene un doble merito.
    gracias bro.

    ResponderEliminar
  32. Rodrigo, ya te he respondido en el comentario #31

    diablo, te agradezco mucho tu comentario ;)

    ResponderEliminar
  33. Sorry por no fijarme y mas bien sigue asi haz hecho que de ganas de tener nuestro blogger como tu pagina . Gracias mi blogger no seria nada sin tu ayuda man ^^

    ResponderEliminar
  34. que tal potro ya utilizo esta Plantilla Simple de Josh Peterson. y solo esta el segundo codigo, que es lo que tengo que hacer

    section class='header' id='header' maxwidgets='1' showaddelement='no'

    ResponderEliminar
  35. Hola :D te felicito por tu blog de verdad esta cool eres un genio d:

    en tu blog hay un codigo para poner un boton de compartir post de facebook y Twitter pero queria preguntarte si no tienes un boton mas actualizado asi como este --> http://i593.photobucket.com/albums/tt17/Ulyzz/th_MWSnap268.png?t=1281976678

    Gracias D:

    ResponderEliminar
  36. perfecto señor potro, ya me quedo gracias, eres increible todo un genio de blogger

    ResponderEliminar
  37. zona lerh, qué bueno que ya conseguiste hacerlo =)

    ulyzz, gracias por tu comentario, mira esta entrada, ahí se explica cómo hacerlo.

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

    ResponderEliminar
  39. Si potro D: ya la vi pero yo a lo que me refiero es ponerle los botones parecidos a los de este imagen -> http://i593.photobucket.com/albums/tt17/Ulyzz/th_MWSnap268.png?t=1281976678 no se puede? Gracias potro eres muy amable en responder :D

    ResponderEliminar
  40. Hola potro espero me puedas aydar nadamas con una duda que tengo no es muy complicada creo.. Podrias darme tu correo de contacto personal para enviarte un email. Espero me puedas despejar de la duda. Es acerca de los Dominios quiero comprarme uno, ya vi tu post acerca de ellos pero quisiera me ayudaras con eso por favor. Se que no tiene nada que ver con este post pero como es el mas reciente creo que aqui lo encuentras mas rapido. Gracias... http://vientoxtremo.blogspot.com

    ResponderEliminar
  41. ulyzz, no tengo el código de esos :\

    70L3D0, ahorita tengo deshabilitado el soporte por correo pero puedes dejar tu pregunta en la entrada que habla sobre los dominios y con gusto te respondo ;)

    ResponderEliminar
  42. Hola buenas!!! mi pregunta no tiene que ver con esta entrada, pero como es la mas reciente pues te la hago aqui jejeje.

    ¿hay alguna manera de que en mis datos personales del blogg ponga una presentacion de power point??o es muy alocada esa pregunta ? =) Y me dices algo , Muchas GRACIAS!!!

    ResponderEliminar
  43. Pues podrías eliminar ese gadget y en su lugar poner una presentación dentro de un elemento HTML/Javascript, aquí hay una forma de poner las presentaciones de Power Point.

    ResponderEliminar
  44. Muy buen truco pero ¿Podrías poner una entrada de como poner un gadget arriba de la cabecera? Es que he visto otros blogs con gadgeta arriba de la cabecera, te lo agradeceria mucho

    ResponderEliminar
  45. Hola Potro, excelente el post lo he aplicado en una plantilla blogger nueva (fantástico S.A. de Tina Chen del diseñador blogger) y funciona..... LA CABECERA QUEDÓ DIVIDIDA EN DOS. La cabecera a la izquierda, y el gadget a la derecha. Sólo una duda; a la hora de poner una imagen en el gadget (lado derecho)deja siempre la imagen más abajo en relación a la cabecera(lado izquierdo)"... he puesto imágenes pequeñas en el gadget derecho para ver si calza... pero ni modo, no quedan paralelas a la cabecera izquierda... como q no la respeta, ni siquiera arrastrando en el lado del DISEÑO. Mi idea, es poner banners justo al lado de la cabecera. De antemano, mis felicitaciones

    ResponderEliminar
  46. A mi no me aparece ninguna de las dos opciones que presentaste de "header" como lo puedo lograr?

    ResponderEliminar
  47. CRDNXA,

    Sin expandir los artilugios busca esta parte de tu plantilla:
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' .....

    Cambia maxwidgets='1' por maxwidgets='2'
    Y locked='true' por
    locked='false'

    Luego arrastra el gadget arriba de la cabecera y listo.

    ResponderEliminar
  48. kidplort,

    La mejor opción sería que le aplicaras márgenes a la imagen, para hacerlo usa este código:

    <img style="margin-top:-40px;" src="URL de la imagen" />

    Ahí donde dice -40px cambia el valor que quieras hasta que quede a la altura que deseas.

    ResponderEliminar
  49. Hola Potro, ya di con la solución... le hice un cambio al header para que me quedara la imagen derecha en la misma posición que en la izquierda. De antemano muchas gracias Potro. Debes darte cuenta que

    tu página es INCREIBLE...a mi juicio, la mejor.

    ResponderEliminar
  50. kidplort, lejos está de ser la mejor pero te agradezco enormemente que así lo pienses :)

    CRDNXA, por nada ;)

    ResponderEliminar
  51. hola potro, es la primera ves que visito tu blog,
    lo que pasa es que solo encuentro el primer codigo /* header
    pero los demas no, lo probe en mi blog de prueba: http://prueba-lupita.blogspot.com/ pero lo quiero aplicar ami blog: http://tecnobyt.blogspot.com/
    y busque los codigos con control + f y tampoco
    no utilizo imagen en la bacerea?
    gracias seguire visitando tu blog

    ResponderEliminar
  52. Hola lupita,

    Cualquier plantilla con cabecera tiene la otra parte del código que debes localizar. Recuerda que no hay que expandir los artilugios.
    Si te es más fácil busca sólo un fagmento, por ejemplo este:
    b:section class='header' id='header'

    Ya que lo localices verás lo demás.

    Saludos.

    ResponderEliminar
  53. Grandiosa tu explicación sobre como dividir la cabecera para agregar gadget.
    Cien puntos. Hacía horas que lo estaba buscando.
    Muchas Gracias

    ResponderEliminar
  54. Qué bueno que te ha servido, gracias a ti por tu visita.

    ResponderEliminar
  55. Hola Potro, genial tu blog. Este post me ha sido muy útil, sólo una pequeña duda ¿cómo hago para que el borde de la cabecera se conserve doble, tal como en la imagen que tú pones de ejemplo al final del post? ya que al implementar los pasos que dás aquí, todo queda bien pero sólo le deja un borde sencillo (de una línea) a la cabecera.

    De antemano gracias por todo.

    ResponderEliminar
  56. En realidad el ejemplo de la imagen es un montaje.
    Cuando la cabecera está "normal" parece como si tuviera un doble borde pero lo que sucede es que son dos bordes independientes, uno es el del #header-wrapper y otro es el de la cabecera (#header), es por eso que pareciera doble, pero si divides la cabecera se "rompe" esa ilusión de borde doble.

    ResponderEliminar
  57. hola potro ya puse el codigo en mi plantilla pero no me sale la opcion de añadir gadget y tampoco se me dividio como aparece en la imagen?¿

    el blog: http://tenobyt.blogspot.com

    gracias

    ResponderEliminar
  58. lupita, revisa que hayas puesto los códigos en el lugar correcto. No pude ver tu blog porque dice que el blog no existe.

    ResponderEliminar
  59. Jejejeje ¿como te complica la vida este nuevo diseñador de Blogger!!? ahora tienes que andas haciendo los trucos dobles jajaja. Muy interesante Bro!! en especial para poner publicidad, o esos anuncios tipo Slider que publicaste hace poco. :D

    Un abrazo!!!

    ResponderEliminar
  60. Lo sé, es un dolor de cabeza meterse en esas platillas, así que es mejor que no se acostumbren porque no pienso hacerlo mucho, jaja.

    Un abrazo!

    ResponderEliminar
  61. Potro eres otra onda muchas gracias por este valioso blog!

    ResponderEliminar
  62. Jajajajajaja... no preocupes, seguro ahora blogger saca mas plantillas de esas, y todos las comienzan a usar. Cuando todo esté normalizado con las nuevas plantillas, te sacan "otros modelitos" innovadores y mas complicados. Entonces allí vas a tener que hacer todo triple, no doble :P...jejeje Google te quiere complicar la vida.

    ResponderEliminar
  63. Acsel Vazquez, te agradezco tu comentario :)

    bro, Blogger está #&/(!@ si piensa que haré su trabajo gratis, jajajaja, ya con las "normales" es mucha complicación como para meterme en las nuevas y en las futuras nuevas, si lo hago perderé la razón y mi vida personal por completo, jajaja.

    ResponderEliminar
  64. potro vuelve a intentar entrar al blog
    http://tecnobyt.blogspot.com
    ahora si m aparece la opcion para agregar el gadget
    pero me lo puso abajo de la bacera y no aun lado de la misma?
    gracias

    ResponderEliminar
  65. Hola Potro
    Soy nueva aqui,como nueva en el mundo de la informatica he comenzado hace poco a formar mi blog y quisiera que mi primera entrada no se desplazara con la siguiente entrada,pues quisiera que esta primera entrada fuese la bienvenida a mi blog,Me podrias orientar como podría lograr esto
    Gracias y estoy muy contenta con encontrar este lugar

    ResponderEliminar
  66. Hola Potro,
    Nuevamente con una duda, pero como siempre buenísimo tu blog.
    He realizado lo que dices y a mí me funciona el dividir la cabecera.
    Pero me deja mucho aire entre la cabecera + nuevo gatget y el texto que publico, como te muestro en mi blog de pruebas.(nonoffdax.blogspot.com)
    Es posible reducirlo, a nivel de diseño de pagina hay un gatget que no me deja eliminarlo.
    Un saludo y gracias
    Daxdoit

    ResponderEliminar
  67. lupita, perdón por tardar tanto pero recién llegué de las vacaciones y me estaba poniendo al tanto con los comentarios. Veo que ya está al lado de la cabecera, supongo que lo solucionaste enseguida.

    Malu Vega, por supuesto, aquí se explica cómo hacerlo.

    Daxdoit, no veo que tengas dividida la cabecera en ese blog.

    ResponderEliminar
  68. Potro amigo una pregunta seria posible dibirlo pero que quedase la entrada a la derecha y el gadget a la izquierda??
    perdon por molestar

    ResponderEliminar
  69. perdom x el doble post. antes no me explique. quiero la entrada a la izquierda para poder ponerle una imagen y el gadget a la derecha para poner una sala de chat.
    gracias de nuevo y perdona

    ResponderEliminar
  70. Pues sería como tener la plantilla de forma normal, es decir, que del lado izquierdo están las entradas (como en este mismo blog) y del otro la sidebar donde van los gadgets.

    ResponderEliminar
  71. ya ya lo descubri era muy sencillo era cambiar el lado de flotacion xDDD
    ahora tengo otra duda T_T como ago el sistema este:
    function ver_imagen()
    {
    n=0;
    this[n++]="http://img824.imageshack.us/img824/4688/fondo3a.jpg";
    this[n++]="http://img508.imageshack.us/img508/5860/fondo4c.jpg";
    this[n++]="http://img202.imageshack.us/img202/9836/fondo1vx.jpg";
    this[n++]="http://img508.imageshack.us/img508/7346/fondo2g.jpg";
    this.N=n;
    no lo pongo entero el code porque me da error al publicar el comentario
    en mi header?? porque quiero que las imagenes vallan cambiando me puse ahora a mirar como era y descubri la solucion pero me urgio otro incomveniente.
    e podrias ayudar?
    auque no puedas mil gracias ya tengo el header dividido ^^
    eres el mejor

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

    ResponderEliminar
  73. ya lo arreglara era cambiar el lado de flotacion xD no me fijara.
    ahora lo que hice fue eliminar por completo la cabecera y en su lugar poner otro gadget ahora tengo dos gadgets. mi duda es que mi gadget de la derecha(lo mismo pasaba cuando era el header) queda por encima del de la izquierda dejando un margen nada bonito puedo corregir ese margen?
    otra cosa mis imagenes se salen un poco por la derecha puedo desbiarlas un poco hacia la izquierda? este es mi blog
    ya lo arreglara era cambiar el lado de flotacion xD no me fijara.
    ahora me urge un problema tenia en un html mis imagenes para que cambiaran con cada actualizacion del blog como ago para poner esto en la cabecera?
    aparte no me deja subir una imagen si no le pongo titulo que ago?
    http://bloodangel-83.blogspot.com/
    mil gracias de antemano

    ResponderEliminar
  74. Me he perdido un poco ¿cuál problema ya arreglaste y cuál problema tienes ahora?

    ResponderEliminar
  75. ya me aparecio la entrada a la derecha y el gadget a la izquierda. tambien elimine el header y en su lugar tengo un gadget, tengo dos gadgets arriba de todo. lo que pasa es que mis imagenes aparecen muy a la derecha y las de la izquieda aparecen muy abajo algo para solucionarlo?

    en mi blog lo veras mas claro mira el chat esta abajo de todo cuando tendria que estar al lado y el gadget que antes era el header aparece muy a la derecha. esto pasaba tambien cuando era un header normal.

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

    ResponderEliminar
  77. este es mi blog. http://bloodangel-83.blogspot.com/
    la imagen de la derecha va cambiando ya que utilice un codigo html para que valla bariando.

    ResponderEliminar
  78. digo que me gustaria que quedase una cosa asi

    ResponderEliminar
  79. http://i52.tinypic.com/25akbpz.jpg

    perdoon por el multi post T_T no puedo editar las respuestas y me quedo el link a tras no lo vuelvo hacer la proxima me fijo mas sorry

    ResponderEliminar
  80. Buenas, me estoy volviendo loco con mi blog de blogger. Estoy utilizando el diseñador para modificar una plantilla que viene por defecto y estoy desesperado ante un problema que seguro que será una tontería. He elegido una imagen como fondo del blog pero quisiera cambiarla por otra y realmente he buscado por donde he podido pero no hallo solución. Por favor, alguna ayuda?... muchas gracias por anticipado.

    ResponderEliminar
  81. ivan, de verdad que todo lo veo bien, el gadget del chat está arriba y no abajo, la imagen de la derecha llega al tope del borde de la derecha pero es porque cuando se divide la cabecera se aplica un estilo que marca que debe correrse a la derecha, de lo contrario sería un desastre la cabecera. Fuera de eso no veo más imágenes que estén mal alineadas.

    Jordi, ve dentro del Diseñador de Plantillas > Fondo > Imagen de fondo y ahí verás que dice 'Subir imagen' ahí podrás subir la imagen de fondo desde tu equipo.

    ResponderEliminar
  82. Dios de mi vida y de mi corazón, con la de veces que he intentado asegurarme de que no se me escapara nada... bouf, muchísimas gracias El Potro.

    ResponderEliminar
  83. el potro gracias por todo ya encontrara el error por eso ahora se ve bien ^^ tube que reescribir todo lo de heading xDD estube un buen rato pero aunque inesperadamente me salio ^^

    ResponderEliminar
  84. El Potro, tengo una duda; ¿cómo podría hacer para que mi cabecera fuera cambiando cada x's segundos una imagen, supongo que tipo slide?. Gracias por anticipado.

    ResponderEliminar
  85. Sigue los pasos de esta entrada, ya que tu cabecera se haya convertido a un elemento HTML/Javascript como se explica ahí, en lugar de usar el código para mostrar imágenes al azar pon el código de esta entrada:
    http://ciudadblogger.com/2010/08/anuncios-rotativos-con-jquery.html

    ResponderEliminar
  86. El Potro hola. me urgio una duda y no encuentro solucion. eres el unico que me puede ayudar haber si sabes como.
    queiro poner una imagen de fondo a mi blog pero me refiero por zonas. que el header,body y foofter tengan imagenes diferentes ya que le hice unos bordes y todo. tambien me gustaria que las imagenes fueran estáticas por mucho que bajara la barra fuera siempre la misma. esto lo vi en 2 blogs pero no se como hacerlo.
    porfabor si sabes como ayuda

    y muchisimas gracias de antemano.

    ResponderEliminar
  87. ya se como poner la imagen pero me ocupa todo. en tal caso puedo solventar el problema del header mediante el float y haciendo los borders directamente en la imagen pero para el footer no tengo ni idea de como puedo hacer si sabes algo porfabor. siento en doble post. tienes algun sitio para dejar dudas etc..? poruqe no se donde dejarlas y supongo que aqui te molestan perdona.

    y muchisimas gracias.

    ResponderEliminar
  88. Ola potro, el codigo esta wenisimo, pero ya lo hice pero fijate q no me divide la cabecera a q se deberia eso???

    ResponderEliminar
  89. ivan, no he entendido bien lo que quieres, pero para que una imagen se quede siempre en el mismo lugar y no se mueve aun cuando se baje la página sólo se agrega debajo de background, esto:
    background-attachment : fixed;

    Miwel, no sé, quizá en la plantilla de tu blog el nombre de la cabecera tiene otro nombre, necesitaría ver tu blog.

    ResponderEliminar
  90. hola potro gracias por la info lo que yo queria era poner una imagen en el pie de pagina o footer.

    ResponderEliminar
  91. perdona me urgio otra duda en este code donde tengo que poner lo de center? .header {width:98%; float: right; margin:0 auto 1%;}

    ResponderEliminar
  92. Hola potro,de verdad tu ayuda ha sido valiosa para los que nos iniciamos en el uso de estas herramientas, en mi caso han sido definitivas. muchas gracias desde Colombia.He dividido la cabecera en dos y puedo colocar un gadget a la derecha. pero al colocar una foto al lado izquierdo es más grande que el cuadro. Como hago para disminuir el tamaño de la foto que coincida con el cuadro

    ResponderEliminar
  93. ivan, .header {text-align:center; width:98%; float: right; margin:0 auto 1%;}

    NUCLEO 23 MARSELLA, muchas gracias por tu comentario, usa esté código para la imagen:
    <img src="URL de la imagen" style="width:300px; height:160px;" />
    En width puedes modificar el ancho de la imagen y en height el alto.

    ResponderEliminar
  94. potro muchisimas gracias :) y sobre lo de poner una imagen en el footer o pie de pagina como ago?? porque me esta quedando todo fenomenal gracias a tu ayuda ahora solo me queda cambiarle el pie de pagina y ya tiene el estilo que queria :)

    MUCHISIMAS GRACIAS

    ResponderEliminar
  95. Buenas Potro. Como bien sabes dividí la cabecera gracias a tú post. He colocado el buscador personalizado en la cabecera tal como tú lo tienes y le he colocado un banner de publicidad encima pero tengo un problema y es que como el banner no lo puedo modificar me queda mas grande que el buscador y sale fuera de la plantilla. Hay alguna solución para poder hacer más grande la parte derecha de la cabecera u otro tipo de solución. A tí te queda genial pero ya se que en tu caso es otro tipo de plantilla.
    Un abrazo

    ResponderEliminar
  96. blncacequias te resondo yo asi me responde antes ami xDDD tube el mismo problema y potro ya me ayudo ^^ (gracias)
    es aqui:
    .header {width:56.5%; float: left; margin:0 auto 1%;}
    .header2 {width:39.5%; float: right; margin:0 auto 1%;}
    cambia los porcentages y ya esta.

    ResponderEliminar
  97. Hola Potro
    Una pregunta, ¿cual codigo tendo que mover para que la cabesera del blog sea mas amplia, en un blog con plantilla mas antigua?
    Un saludo y agradeseria cualquier respuesta.

    ResponderEliminar
  98. Mira, estuve viendo bien el codigo de mi plantilla, & despues de tanto me salio, pero de otra forma...no salia dividido la cabecera, mas bien salia la cabecera completa & el gadget debajo, mas no al costado como se supone debiera salir, q deberia hacer??

    ResponderEliminar
  99. ivan, debajo de .post-footer { agrega esto:
    background: url(URL de la imagen);

    Blincacequias, como bien te dice ivan sólo es ajustar el porcentaje que hay en el width (ancho)

    Texto Diario, necesitas aumentar el ancho del #header-wrapper pero igual el ancho del #outer-wrapper

    Miwel, revisa bien que hayas puesto los códigos completos, generalmente eso pasa cuando no se pone una parte del código que se muestra en la entrada que dice 'clear:both;'

    ResponderEliminar
  100. T_T exactamente donde es no me lo cambia debajo como??

    .post-footer {
    margin: 1.5em 0 0;background: url(http://i54.tinypic.com/29uqcz4.jpg);
    }??
    o asi
    .post-footer {
    margin: 1.5em 0 0;
    }background: url(http://i54.tinypic.com/29uqcz4.jpg);
    no me la cambia T_T

    ResponderEliminar
  101. Como el primero, todos los estilos de un contenedor o área deben ir antes de la llave de cierre }

    Sin embargo, ya viendo la imagen que quieres me he perdido un poco pues esa no quedará en el pie de las entradas, es decir, en el post-footer. Más bien creo que querías decir en el footer del blog, es decir, en la parte de abajo.
    En las plantillas nuevas no sé muy bien si funcione o cómo es el procedimiento correcto, pero puedes probar poniendo lo que te había dicho pero debajo de:
    .footer-outer {

    Si vieras que no queda muy bien puedes probar también agregarle una medida de alto debajo, así:
    height: 250px;

    ResponderEliminar
  102. Gracias Ivan, Potro....
    Un abrazo y graciasssssssssss

    ResponderEliminar
  103. potro gracias ese codigo si que funciona ^^

    ResponderEliminar
  104. Hola Potro,

    Me gustaría quitar la linea gris que aparece bajo la imagen de cabecera de mi blog http://docencia.ricardobaena.eu

    ¿Me ayudas?

    Gracias de antemano. :)

    ResponderEliminar
  105. Podrías probar buscando esta parte:
    .tabs-inner .widget ul {

    Y poner en 0 (cero) donde dice:
    border-bottom: 1px solid #eeeeee;

    ResponderEliminar
  106. Al final lo he cambiado en el editor de plantillas.

    Gracias!

    ResponderEliminar
  107. Hola Potro felicidades por el Blog, es increible tus conocimientos y como los compartes. He divido la cabecera como explicas en "Para las plantillas hechas con el Diseñador de plantillas de Blogger" y en el explorer me funciona perfectamente pero para Firefox o chrome (por ejemplo) el gadget se situa debajo de la cabecera y no a un lado, hay alguna forma de corregirlo?. Mi blog es baloncestozonal.blogspot.com

    ResponderEliminar
  108. Pues estoy en Chrome y lo veo a la derecha :\

    ResponderEliminar
  109. Saludos Potro, este mismo truco se pudiera usar para los gadgets que tengo al final del blog (que es un solo modulo y ocupa todo el ancho)quisiera partirlo en dos o tres módulos.

    ResponderEliminar
  110. Hola Potro, gracías de nuevo, si está a la derecha pero por debajo de la cabecera no a la misma altura, ocupando un espacio entre el titulo de mi blog y el menu de las página. En el explorer queda a la misma altura el Titulo y la presentación de imagenes que he puesto, compartiendo la cabecera.

    ResponderEliminar
  111. guillemaro, en esencia es el mismo procedimiento pero mejor te dejo un enlace de Gema que tiene una explicación especifica para eso:
    gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html

    Baloncesto Zonal, supongo que ya lo has arreglado porque lo veo a la misma altura que la cabecera.

    ResponderEliminar
  112. Potro, de nuevo con una molestia. Estaba leyendo sobre el link que dejaste con anterioridad, columnas en el footer. Lo que yo quisiera hacer es agregar filas en el footer, para agregar algunos gadgets en esa parte.

    He estado intentando pero no me sale, no se cual es el procedimiento para poder realizar esto.

    De antemano gracias y perdón por las molestias.

    Saludos!

    ResponderEliminar
  113. Si te refieres al enlace del comentario #117 entonces en esa entrada están las indicaciones completas que da Gema, de cualquier modo, si tuvieras algún fallo o algún código que no puedas localizar puedes preguntarle en su entrada y seguro con mucho gusto te responderá.

    Saludos.

    ResponderEliminar
  114. Muchas gracias por la explicacion, Un saludo.

    ResponderEliminar
  115. Que tal potro, como se puede dividir en la plantilla de bloggertube la cabecera?

    ResponderEliminar
  116. Pues si tiene los mismos contenedores que se mencionan en la entrada entonces el procedimiento es el mismo.

    ResponderEliminar
  117. Hola Potro.

    Aquí estoy de nuevo dando la tabarra. Verás, me he propuesto dividir la cabecera de mi blog, parece ser que lo he hecho, pero el resultado final no es el esperado. Yo quería que el banner fuese de un lado al otro de la cabecera y que el gadget de la tabla de busqueda quedase dentro de esa foto, algo así como lo que tienes puesto tu. Te dejo la URL del foro:
    http://madridistasriosa.blogspot.com/
    La plantilla es la sencilla del panel de diseñador de blogger

    Muchas gracias de antemano, Potro. Eres casi un dios para mí.

    ResponderEliminar
  118. En ese caso la imagen no debe ir en la cabecera pequeña pues el tamaño de ella ha cambiado, así que habrá que ponerla en el contenedor total de la cabecera.

    Busca este código:

    .header-outer {
    background: (header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
    _background-image: none;


    Y cambialo por este:

    .header-outer {
    background: url(URL de la imagen);

    Ahí agrega la URL de la imagen que quieres.
    Saludos y muchas gracias por tu comentario :)

    ResponderEliminar
  119. un millón de gracias jefe!!! Mañana lo pruebo a ver que tal se me da. Espero que bien. Ya te iré contando y me verás bastante por aquí a partir de ahora.

    ResponderEliminar
  120. Hola potro, saludos desde venezuela y felicitaciones por tan marvilloso trabajo, tengo una pregunta, hice todo lo que indicas para dividir la cabecera, y hasta alli es perfecto, sin embargo cuando agrego un nuevo gadget la cabecera se pone mas ancha, (el doble) que puedo hacer para que quede a la misma medida original? o incluso reducir su tamaño si es posible, gracias de antemano, espero tu respuesta

    ResponderEliminar
  121. Pues lo que sucede es que ambas cabeceras quedan a un ancho medido en porcentaje, quizá el problema sea que tu plantilla no tenga un ancho del contendor de la cabecera definido y por eso se expanda con un gadget grande.
    La única solución que le veo es que procures que lo que agregues tenga las medidas que creas que cabrá en la cabecera y no algo más grande que pueda hacer que las cabeceras se ensanchen.

    ResponderEliminar
  122. Oye. hice lo que me dijiste, cambie los valores y funciono, en vez de 48 le coloque 38 y no se bajo, gracias, se me ocurre que incluso se puede dividir en tres, me imagino que tendria que colocarle otro renglon de codigos y colocarle h3? o como podria hacerlo potro? si puedes orientarme pues agradecido

    ResponderEliminar
  123. Pues sí, sólo agrega otra línea como esta:
    .header3 {width:28%; float: right; margin:0 auto 1%;}

    Luego antes del <div style='clear: both;'/> que agregaste previamente agrega esto:
    <b:section class='header3' id='header3' showaddelement='yes'/>

    ResponderEliminar
  124. HOLA POTRO MI NOMBRE ES MARIANA, Y ESTOY ARMANDO UN BLOG PARA UN VIAJE QUE ESTOY POR HACER... Y EN LOS CAMBIOS QUE QUIERERA HACERLE ES ELIMINAR EL SIDEBAR Y AGRANDAR AL MAXIMO DE ANCHO LA ENTRADA Y PONER EN ESTA ALGUN SLIDESHOW O PRESENTACION DE FOTOS BIEN GRANDE, DE LO CUAL NO PUDE ENCONTAR NADA DE ESE TAMAÑO.
    Y ADEMAS QUISIERA SUBIR EL TITULO PARA APROVECHAR EL ESPACIO, ELIMINE EL SIDEBAR PERO EL TITULO Y EL BLOG SIGUEN EN EL MISMO LUGAR
    OJAALA PUEDAS AYUDARME..
    BESOS

    ResponderEliminar
  125. AH MI BLOG ES IMAGINASAILING.BLOGSPOT.COM

    ResponderEliminar
  126. Hola Mariana,

    En el caso de tu plantilla entra a Diseño > Diseñador de plantillas > Diseño > Diseño del cuerpo del blog, ahí podrás seleccionar el que no tiene ninguna sidebar.
    Luego abajo verás una pestaña que dice 'Ajustar ancho' ahí puedes agrandarlo.

    Si quieres eliminar el título del blog mira esta entrada.

    Un slide que puedes poner podría ser este.

    Saludos.

    ResponderEliminar
  127. Potro, un saludos
    Oye pues leyendo el comentario 125. Es exactamente lo que deseo hacer...
    Tengo el script de banners cambiantes, y quisiera agregar "Encima/dentro" de estos el buscador, así como el gadget de cambiar idioma (herramientas)
    Buscando .header-outer al parecer no esta aplicada ese estilo, solo encontré #header-inner (será igual?)
    Ahora...yo supongo que debemos establecer (de algúna forma) la posición del gadget (en coordenadas?) para que este encima del banner cierto?? AYUDA!!!!

    ResponderEliminar
  128. Las indicaciones de ese comentario es para la plantilla Simple del diseñador de Blogger.
    En tu caso el procedimiento para dividir la cabecera es como se explica en el segundo método de la entrada.

    ResponderEliminar
  129. hola potro, todo me sale perfecto menos porque en vez de dividirse en horizontal, lo hace en vertical. es decir, la parte derecha de la cabecera no hay nada, y en la izquierda, dos huecos. ¿que hago?
    Gracias.

    ResponderEliminar
  130. lo solucione, esque no se veia el rectangulo en lineas discontinuas como si pudiese arrastrar un gadget ahi, pero he comprobado que si me funciona. ¡excepcional truco, como siempre!

    ResponderEliminar
  131. Qué bueno que te ha salido todo bien :)

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

    ResponderEliminar
  133. Gracias potro, con tu ayuda ya conseguí por fin hacer lo quería desde hace mucho tiempo en el header jajaja
    Solo un detalle..cuando intento agregar un gadget en la parte del "header1" no se porque, interfiere con los demás elemntos del blog y desordena todo...no encuentro la razón de esto pues en "header2" tras agregar dos gadgets todo esta bien...espero que puedas hechar un vistazo pues me gustaría agregar un gadget en la parte izquierda.
    Como siempre estoy en deuda!

    ResponderEliminar
  134. Quizá es porque el área del header siempre tiene la indicación de que debe haber sólo un gadget.
    Mira en esa área de tu header (sin expandir artilugios) y busca esta parte:

    class='header' id='header' maxwidgets='1'

    Elimina eso que está en negrita para que te permita agregar más gadgets en la cabecera.

    Saludos.

    ResponderEliminar
  135. Gracias Potro, funciono bien solo que no se por que no queda alineado con los otros 2 se pone un renglon abajo por que sera? Me puedes ayudar? Saludos

    ResponderEliminar
  136. Modifica los valores del width que está en porcentajes, por ejemplo, si son tres cabeceras ponle a cada una 33%

    ResponderEliminar
  137. de verdad no sabes cuanto he aprendido aunke creo ke ya hasta te colme con tanta pregunta...pero como me enseñaron a no dejar de preguntar hasta tener TODO claro... pues no lo puedo evitar...... MIL GRACIAS DE VERDAD MIL GRACIAS POR KE ESTE BLOG ESTA KEDADNDO DE LUX GRAX A TI!.

    ResponderEliminar
  138. No hay problema, pregunta todo lo que quieras, mientras tenga el tiempo te ayudaré con mucho gusto en lo que pueda ;)

    ResponderEliminar
  139. DIOS TE BENDIGA.......GRACIAS POR TU APOYO CADA DIA APRENDO MAS Y GRACIAS A TI HOY RECIBI LAS FELICITACIONES POR CREAR UN BLOG PARA EL COLEGIO DE MIS HIJOS..........DE NUEVO MILLONES DE GRACIAS........

    ResponderEliminar
  140. Enhorabuena por las felicitaciones que recibiste :)
    Saludos y mucho éxito!

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

    ResponderEliminar
  142. mi problema es que mi plantilla no tiene el codigo:

    #header {
    margin: 5px;
    border: 1px solid $bordercolor;
    text-align: center;
    color:$pagetitlecolor;
    }

    gracias de antemano por la ayuda

    ResponderEliminar
  143. En tu caso debes usar la primera opción que se explica que es 'Para las plantillas hechas con el Diseñador de plantillas de Blogger'

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

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

    ResponderEliminar
  146. ok gracias, lo hice como me dijo, pero solo me muestra un solo lado, el del lado derecho. no me muesta la otra mitad.

    ResponderEliminar
  147. Verifica que hayas puesto el código completo en el lugar exacto, ese siempre es el problema de quienes no les queda bien a la primera.

    ResponderEliminar
  148. te mando una imajen del codigo porque no se como escribir el codigo en este espacio, esta es la direccion de la imagen

    http://2.bp.blogspot.com/_71iJjEvAbL4/TNNmANCcrSI/AAAAAAAAByc/4J0Yli2dTIo/s1600/IMAGEN+DEL+CODIGO.png

    ResponderEliminar
  149. Probablemente el problema es que la cabecera la pusiste en el área del menú y no dentro del área diseñada para la cabecera.

    ResponderEliminar
  150. gracias amigo, el problema era con la plantilla que estava utilizando, la cambie y me funciona de maravilla,
    gracias.

    ResponderEliminar
  151. y de nuevo por acá!! oye me piden que el título del Blog junto con una pequeña descripción keden del lado derecho de la cabecera... el problema en esta ocasión es que: al incluir "un gadget" lo baja y da espacio para otro más, es decir no keda solo 1 y solo kiero 1! que puedo hacer? y otra duda ¿sabes donde podría hacer un diseño del título para que no kede como muy simple???.... mil gracias!

    ResponderEliminar
  152. No importa que "lo baje" eso sólo se ve así en los Elementos de la página pero el resto de la gente no lo ve, lo verá normal.
    Sobre lo otro no sé, alguna vez me topé con sitios que hacen logos online pero no recuerdo cuáles eran, quizá tengas suerte si los buscas.

    Saludos.

    ResponderEliminar
  153. te lo agradezco mil!!! y disculpa el monton de preguntas y el ke este muele y muele, pero la verdad es que gracias a tu ayuda ya se lograron las metas ke se tenían, nuestro blog esta comenzando a dar los resultados esperados.... Bendiciones y mil gracias!

    ResponderEliminar
  154. No te preocupes, es mejor preguntar de más que quedar con la duda. Qué gusto que ya está quedando el blog como querías :)

    ResponderEliminar
  155. Saludos Potro ... Lo utilice con mi blog y funciono bien, sin embargo; como yo no utilizo titulo ni descripcion, sino que coloco una imagen (logo de la empresa) en lugar de ellos, busco la posibilidad de que el logo me salga al lado izquierdo de la cabecera y no centrado. Aplique algo: en el #header 1 (que es el de la cabecera) cambie el valor de width por uno menor hasta que se alineo al margen izquierdo, pero entonces el contenido de las entradas y el menu se movio hacia la derecha quedando descentrado y en mala ubicacion. Si quieres hechale un vistazo a mi blog: http://mercantil-viajes.blogspot.com/ ... Aun esta en pañales pero es que quiero hacer algo bien. te agradezco tu sabio y siempre efectivo consejo.

    ResponderEliminar
  156. En ese caso en lugar de modificar los valores de #header h1 modifica los valores que están en #header img
    Saludos.

    ResponderEliminar
  157. GRACIAS POTRO. FUNCIONO MUY BIEN. SALUDOS DESDE VENEZUELA MI PANA

    ResponderEliminar
  158. Hola!Veo que hay un alma caritativa por aquí que quizá me pueda echar un cable!!! (Excelente tutorial, por cierto, enhorabuena).
    Mi blog cada vez deja más espacio entre la cabecera y el cuerpo. ¿Me puedes ayudar a solucionarlo?
    http://elrompecabezasdelaura.blogspot.com/ (diseñador de plantilla blogger)

    ResponderEliminar
  159. Hola LAURA,

    Me parece que es por el gadget de texto que tienes debajo de la cabecera.
    Editalo y elimina todo el espacio que haya debajo del último texto.
    Saludos.

    ResponderEliminar
  160. Te adoro, Potro! Que cosa tan tonta y la de días que llevo rompiéndome la cabeza! Mil gracias. Te ficho! ;)

    ResponderEliminar
  161. Es un placer poder ayudarte :)
    ¡Saludos!

    ResponderEliminar
  162. GRACIAS MASTERRRRR!!!
    Había visto otros tutoriales y no funcionaban,,, este la verdad que anda de diez!!!

    Ya me daré una vueltecita para ver qué otras utilidades de las que presentás aquí me pueden ser útil.

    ResponderEliminar
  163. Me da gusto que te haya funcionado, y claro, eres bienvenido las veces que así lo desees :)

    ResponderEliminar
  164. Hey POTRO CABALLOTE, sera posible dividir en dos (como en este caso) la parte que le queda abajo a la cabecera? hay algunas plantillas que tienen la opicion de poner elementos en meido de la cabecera y las entradas. A ver si me ayudas en eso POTRO y mis respeto para ti.

    ResponderEliminar
  165. Hola ADMINISTRADOR,

    Sólo agrega después de <div id='content-wrapper'> esto:

    <div id='columna-gadgets'>
    <div style='width: 49%; float: left; margin:0; text-align: left;'>
    <b:section id='columna-gadget1' preferred='yes' style='float:left;'/>
    </div>

    <div style='width: 49%; float: right; margin:0; text-align: left;'>
    <b:section id='columna-gadget2' preferred='yes' style='float:right;'/>
    </div>
    </div>
    <div style='clear:both;'/>

    Saludos y gracias por tu comentario.

    ResponderEliminar
  166. POTRO, ESTE CODIGO NO ME APARECE EN LA PLANTILLA:
    div id='content-wrapper'> NO SE PORQUE. TENGO UNA PLANTILLA ELABORADA POR AGUIEN, NO SE SI ESO LLEVE ALGUN CONFLICTO, TU DIRAS, ERES EL EXPERTO.

    ResponderEliminar
  167. Pues localiza donde termina el contenedor de la cabecera y debajo pega el código.

    ResponderEliminar
  168. MIerkina mano, aun no e podido encontrarlo no

    ResponderEliminar
  169. www.elboncheisabelino.com, entra ahi mano y veras que plantilla tengo

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

    ResponderEliminar
  171. Hola,. muy buen blog este, no es la primera vez que lo consulto y hace tiempo que quiero poner en mi blog http://freelance-center.blogspot/ los botones para registrarse e ingresar. lo quiero poner arriba , en la misma linea que el titulo a la derecha-

    Esta es la unica forma de hacerlo? dividiendo el header? porque se me corta la imagen de fondo y no me gusta como queda..
    no hay otra forma de agregar gadgets al lado del titulo.

    Ah, de paso los invito a todos los freelancers a visitar http://freelance-center.blogspot.com

    Gracias x todo

    ResponderEliminar
  172. ADMINISTRADOR, en el caso de las plantillas hechas con el Diseñador de plantillas de Blogger solo entra ahi en el diseñador y en la pestaña Diseño veras las opciones que hay incluyendo una que tiene ya esa area debajo de la cabecera para agregar gadgets.

    SEBA, mira el comentario #32

    ResponderEliminar
  173. OK POTRO GRACIAS MANO POR TU AYUDA, SI TE DISTE CUENTA TU AYUDA HA SIDO DE MUCHO EN MI BLOG. TU ERES UN MONTRO Y NO POR FEO. DEJAME CON QUE CONTACTARTE EN MSN O FACEBOOK MANO PARA QUE CHACHARIEMOS UN RATO, SOY DE REPUBLICA DOMINICANA. YA TU SABES MANO ESPERO ESO.

    ResponderEliminar
  174. oye mil gracias por todos los trucazos han funcionado de maravilla.... saludos y bendiciones

    ResponderEliminar
  175. ups perdon pero sigo con problemas con lo de la cabecera dividida.... puse la imagen del lado izq, y el nombre del blog a la derecha, pero esta imagen no esta alineada!!!!!!! puedes echarle un ojito? y decirme en ke estoy mal? cambie: donde dice "YES" por "NO" pero aun asi la pone abajo porque?

    ResponderEliminar
  176. ADMINISTRADOR, por supuesto, por el momento puedes unirte a la pagina de Facebook y por ahi podemos tener mas contacto :)

    arguz67@gmail.com, verifica que tambien hayas puesto el <div style='clear: both;'/> que va debajo del codigo que agregaste, tal como se muestra en el ejemplo.

    ResponderEliminar
  177. todo esta como debe!! de hecho en el momento en el ke incluyo la imagen aparece asi:


    antes de
    < div style='clear: both;'/>.... luzalasnacioness.blogspot.com

    ResponderEliminar
  178. ah!!! no esta completo mi comentario decia yo ke aparece
    < b:widget id='Image1' locked='false' title='' type='Image'/>
    < /b:section>

    ResponderEliminar
  179. Funciona de maravilla. Yo he modificado un poco el código para unos gadget más abajo y ha quedado perfecto! :D gracias.

    ResponderEliminar
  180. MIS AGRADECIMIENTOS... Me resultas util desde hace tiempo y de lo ocupado que estoy no puedo nisiquiera dejarte un buen comentario. Quiero agradecer tu trabajo y por facilitarnos todos esos trucos, toda esa informacion tan imprescindible para un blogger. Sinceramente esta ciudad es la mas bella que jamas he visitado. Un fuerte abrazo y muchas gracias por todo!!! Un saludo! Beslan Mamedov.
    Aqui mi nuevo blog: http://elblogdeshock.blogspot.com/

    ResponderEliminar
  181. Hola Potro.

    Una vez mas en Ciudad Blogger :D. Queria pedirte ayuda, como puedo dividir o como hacer para poder poner gadgets en el pie de pagina del blog???

    Si puedes ayudame en eso porfavor y gracias. Saludos de antemano....

    ResponderEliminar
  182. arguz67@gmail.com, pues no sé qué más pueda ser, lo único que se me ocurre es que repitas los pasos de nuevo verificando que sigas todos los pasos :\

    Indeziisoow, me alegro que hayas conseguido los resultados esperados :)

    Beslan, de verdad que tu comentario me alegra y me anima a seguir compartiendo con ustedes lo poco que sé. Saludos!

    ΔŖĮŞξ, mira esta entrada de Gem@ que explica cómo hacerlo:
    gemablog-.blogspot.com/2009/04/columnas-en-el-footer.html

    ResponderEliminar
  183. Ya gracias Potro ya lo he implementado a mi blog...

    Saludos...

    ResponderEliminar
  184. Hola, sabes no me resulta yo quiero tener dos banner en la cabecera de mi página está con las nuevas plantillas de blogger es www.revistacarteleracultural.cl desde ya gracias

    ResponderEliminar
  185. Pues el procedimiento es el mismo que se explica para las plantillas hechas con el Diseñador de plantillas de Blogger y debe funcionar, a menos que ya hayas modificado mucho la plantilla y haya algún código del área de la cabecera que ya no esté.

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger