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.
Primero entra en Diseño | Edición de HTML y SIN expandir los artilugios busca esta parte:
Ahora busca el siguiente código y agrega lo que está en color rojo:
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.
De igual modo entra en Diseño | Edición de HTML y SIN expandir los artilugios busca este código:
Ahora busca este otro código y agrega lo que está en color rojo:
Y listo, tendrás un área para agregar un gadget junto a la cabecera.
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:
/* HeaderDebajo 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.
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 {Elimínalo y en su lugar agrega este:
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
#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.
no lo encuentro por donde esta?
ResponderEliminarBuenas Potro,
ResponderEliminarEn mi plantilla no encuentro el primer codigo. La mia esta hecha con el diseñador de plantillas.
Un saludo.
Será más fácil si buscan esta línea:
ResponderEliminar<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.
Ya intente con las dos formas y no funciona.
ResponderEliminarGracias potro ;)
ResponderEliminarsaludos
¿En cuál blog lo has intentado Dankey?
ResponderEliminarque tal potro ya utilizo esta Plantilla Simple de Josh Peterson. y solo esta este codigo que es lo que tengo que hacer
ResponderEliminarHola 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.
ResponderEliminarYa le hice un cambio a la entrada sobre la parte donde hay que pegar el primer código, prueba con ese.
ResponderEliminarHola Marysil,
ResponderEliminarMuchas gracias por tu comentario, parece que entonces te leí la mente =)
Un abrazo grande!
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.
ResponderEliminarNo olvides que la causa de presente es tu pasado y la causa de tu futuro es tu presente... Pablo Neurda.
No pude encontrar el codigo potro xd
ResponderEliminarutiliza el CTRL+F para encontrarlo amigo ... XD
ResponderEliminarSuerte Saludos
Sharpito, sigue el consejo de 70L3D0
ResponderEliminar70L3D0, sin duda las palabras de Pablo Neruda son más que sabias.
Hola, Potro. Está muy bueno este post.
ResponderEliminarYa 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!
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).
ResponderEliminarQuisiera 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.
ResponderEliminarhttp://pelisdvdripdd.blogspot.com/
Gracias
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.
ResponderEliminarHarry, 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.
Daniel Montes de Oca,
ResponderEliminarEn 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.
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
ResponderEliminarQué bueno que todo te salido como esperabas ;)
ResponderEliminarOtro abrazo para ti.
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!!
ResponderEliminarGracias a ti por tu visita ;)
ResponderEliminarpotro 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
ResponderEliminarSi 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.
ResponderEliminarEn cuanto a que si es por la imagen no sé, prueba eliminarla y fíjate si con eso aparece.
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
ResponderEliminarDisculpa 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
ResponderEliminarTenias 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?
ResponderEliminarGracias Potro,
ResponderEliminarQuedo perfecto. Un abrazo amigo.
Jose
Ciudad Blogger es genail e igual que tu (Potro).
ResponderEliminarYa 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 ;)
Rodrigo, mira esta entrada de Rosa que explica cómo hacerlo.
ResponderEliminarBlincacequias, 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.
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.
ResponderEliminarPara 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.
@El Potro! Eres un capo. Funcionó perfecto ;) Muchas gracias.
ResponderEliminarPotro 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
ResponderEliminarhola 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.
ResponderEliminargracias bro.
Rodrigo, ya te he respondido en el comentario #31
ResponderEliminardiablo, te agradezco mucho tu comentario ;)
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 ^^
ResponderEliminarque tal potro ya utilizo esta Plantilla Simple de Josh Peterson. y solo esta el segundo codigo, que es lo que tengo que hacer
ResponderEliminarsection class='header' id='header' maxwidgets='1' showaddelement='no'
Hola :D te felicito por tu blog de verdad esta cool eres un genio d:
ResponderEliminaren 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:
perfecto señor potro, ya me quedo gracias, eres increible todo un genio de blogger
ResponderEliminarzona lerh, qué bueno que ya conseguiste hacerlo =)
ResponderEliminarulyzz, gracias por tu comentario, mira esta entrada, ahí se explica cómo hacerlo.
Este comentario ha sido eliminado por el autor.
ResponderEliminarSi 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
ResponderEliminarHola 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
ResponderEliminarulyzz, no tengo el código de esos :\
ResponderEliminar70L3D0, 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 ;)
Hola buenas!!! mi pregunta no tiene que ver con esta entrada, pero como es la mas reciente pues te la hago aqui jejeje.
ResponderEliminar¿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!!!
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.
ResponderEliminarMuy 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
ResponderEliminarHola 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
ResponderEliminarA mi no me aparece ninguna de las dos opciones que presentaste de "header" como lo puedo lograr?
ResponderEliminarCRDNXA,
ResponderEliminarSin 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.
kidplort,
ResponderEliminarLa 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.
Estrellita, ¿en cuál blog?
ResponderEliminarHola 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
ResponderEliminartu página es INCREIBLE...a mi juicio, la mejor.
¡Gracias! ¡Mil gracias!
ResponderEliminarkidplort, lejos está de ser la mejor pero te agradezco enormemente que así lo pienses :)
ResponderEliminarCRDNXA, por nada ;)
hola potro, es la primera ves que visito tu blog,
ResponderEliminarlo 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
Hola lupita,
ResponderEliminarCualquier 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.
Grandiosa tu explicación sobre como dividir la cabecera para agregar gadget.
ResponderEliminarCien puntos. Hacía horas que lo estaba buscando.
Muchas Gracias
Qué bueno que te ha servido, gracias a ti por tu visita.
ResponderEliminarHola 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.
ResponderEliminarDe antemano gracias por todo.
En realidad el ejemplo de la imagen es un montaje.
ResponderEliminarCuando 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.
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?¿
ResponderEliminarel blog: http://tenobyt.blogspot.com
gracias
Ok, ya entiendo, muchas gracias.
ResponderEliminarlupita, revisa que hayas puesto los códigos en el lugar correcto. No pude ver tu blog porque dice que el blog no existe.
ResponderEliminarJejejeje ¿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
ResponderEliminarUn abrazo!!!
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.
ResponderEliminarUn abrazo!
Potro eres otra onda muchas gracias por este valioso blog!
ResponderEliminarJajajajajaja... 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.
ResponderEliminarAcsel Vazquez, te agradezco tu comentario :)
ResponderEliminarbro, 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.
potro vuelve a intentar entrar al blog
ResponderEliminarhttp://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
Hola Potro
ResponderEliminarSoy 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
Hola Potro,
ResponderEliminarNuevamente 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
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.
ResponderEliminarMalu Vega, por supuesto, aquí se explica cómo hacerlo.
Daxdoit, no veo que tengas dividida la cabecera en ese blog.
Potro amigo una pregunta seria posible dibirlo pero que quedase la entrada a la derecha y el gadget a la izquierda??
ResponderEliminarperdon por molestar
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.
ResponderEliminargracias de nuevo y perdona
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.
ResponderEliminarya ya lo descubri era muy sencillo era cambiar el lado de flotacion xDDD
ResponderEliminarahora 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
Este comentario ha sido eliminado por el autor.
ResponderEliminarya lo arreglara era cambiar el lado de flotacion xD no me fijara.
ResponderEliminarahora 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
Me he perdido un poco ¿cuál problema ya arreglaste y cuál problema tienes ahora?
ResponderEliminarya 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?
ResponderEliminaren 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.
Este comentario ha sido eliminado por el autor.
ResponderEliminareste es mi blog. http://bloodangel-83.blogspot.com/
ResponderEliminarla imagen de la derecha va cambiando ya que utilice un codigo html para que valla bariando.
digo que me gustaria que quedase una cosa asi
ResponderEliminarhttp://i52.tinypic.com/25akbpz.jpg
ResponderEliminarperdoon 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
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.
ResponderEliminarivan, 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.
ResponderEliminarJordi, 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.
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.
ResponderEliminarel 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 ^^
ResponderEliminarGracias, se pasaron!!!
ResponderEliminarEl 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.
ResponderEliminarSigue 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:
ResponderEliminarhttp://ciudadblogger.com/2010/08/anuncios-rotativos-con-jquery.html
El Potro hola. me urgio una duda y no encuentro solucion. eres el unico que me puede ayudar haber si sabes como.
ResponderEliminarqueiro 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.
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.
ResponderEliminary muchisimas gracias.
Ola potro, el codigo esta wenisimo, pero ya lo hice pero fijate q no me divide la cabecera a q se deberia eso???
ResponderEliminarivan, 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:
ResponderEliminarbackground-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.
hola potro gracias por la info lo que yo queria era poner una imagen en el pie de pagina o footer.
ResponderEliminarperdona me urgio otra duda en este code donde tengo que poner lo de center? .header {width:98%; float: right; margin:0 auto 1%;}
ResponderEliminarHola 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
ResponderEliminarivan, .header {text-align:center; width:98%; float: right; margin:0 auto 1%;}
ResponderEliminarNUCLEO 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.
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 :)
ResponderEliminarMUCHISIMAS GRACIAS
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.
ResponderEliminarUn abrazo
blncacequias te resondo yo asi me responde antes ami xDDD tube el mismo problema y potro ya me ayudo ^^ (gracias)
ResponderEliminares 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.
Hola Potro
ResponderEliminarUna 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.
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??
ResponderEliminarivan, debajo de .post-footer { agrega esto:
ResponderEliminarbackground: 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;'
T_T exactamente donde es no me lo cambia debajo como??
ResponderEliminar.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
Como el primero, todos los estilos de un contenedor o área deben ir antes de la llave de cierre }
ResponderEliminarSin 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;
Gracias Ivan, Potro....
ResponderEliminarUn abrazo y graciasssssssssss
potro gracias ese codigo si que funciona ^^
ResponderEliminarHola Potro,
ResponderEliminarMe 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. :)
Podrías probar buscando esta parte:
ResponderEliminar.tabs-inner .widget ul {
Y poner en 0 (cero) donde dice:
border-bottom: 1px solid #eeeeee;
Al final lo he cambiado en el editor de plantillas.
ResponderEliminarGracias!
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
ResponderEliminarPues estoy en Chrome y lo veo a la derecha :\
ResponderEliminarSaludos 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.
ResponderEliminarHola 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.
ResponderEliminarguillemaro, en esencia es el mismo procedimiento pero mejor te dejo un enlace de Gema que tiene una explicación especifica para eso:
ResponderEliminargemablog-.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.
Gracias siempre tan amable hermano.
ResponderEliminarPotro, 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.
ResponderEliminarHe 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!
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á.
ResponderEliminarSaludos.
Muchas gracias por la explicacion, Un saludo.
ResponderEliminarQue tal potro, como se puede dividir en la plantilla de bloggertube la cabecera?
ResponderEliminarPues si tiene los mismos contenedores que se mencionan en la entrada entonces el procedimiento es el mismo.
ResponderEliminarHola Potro.
ResponderEliminarAquí 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í.
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.
ResponderEliminarBusca 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 :)
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.
ResponderEliminarHola 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
ResponderEliminarPues 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.
ResponderEliminarLa ú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.
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
ResponderEliminarPues sí, sólo agrega otra línea como esta:
ResponderEliminar.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'/>
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.
ResponderEliminarY 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
AH MI BLOG ES IMAGINASAILING.BLOGSPOT.COM
ResponderEliminarHola Mariana,
ResponderEliminarEn 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.
Potro, un saludos
ResponderEliminarOye 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!!!!
Las indicaciones de ese comentario es para la plantilla Simple del diseñador de Blogger.
ResponderEliminarEn tu caso el procedimiento para dividir la cabecera es como se explica en el segundo método de la entrada.
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?
ResponderEliminarGracias.
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!
ResponderEliminarQué bueno que te ha salido todo bien :)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarGracias potro, con tu ayuda ya conseguí por fin hacer lo quería desde hace mucho tiempo en el header jajaja
ResponderEliminarSolo 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!
Quizá es porque el área del header siempre tiene la indicación de que debe haber sólo un gadget.
ResponderEliminarMira 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.
HOLA...Y PARA AGREGARLE UN TERCERO?
ResponderEliminarMira los comentarios #129 y #130
ResponderEliminarGracias 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
ResponderEliminarModifica los valores del width que está en porcentajes, por ejemplo, si son tres cabeceras ponle a cada una 33%
ResponderEliminarde 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!.
ResponderEliminarNo hay problema, pregunta todo lo que quieras, mientras tenga el tiempo te ayudaré con mucho gusto en lo que pueda ;)
ResponderEliminarDIOS 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........
ResponderEliminarEnhorabuena por las felicitaciones que recibiste :)
ResponderEliminarSaludos y mucho éxito!
gracias!!!!!!!!!!!!!!!!!!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarmi problema es que mi plantilla no tiene el codigo:
ResponderEliminar#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
gracias de antemano por la ayuda
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'
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarok gracias, lo hice como me dijo, pero solo me muestra un solo lado, el del lado derecho. no me muesta la otra mitad.
ResponderEliminarVerifica 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.
ResponderEliminarte mando una imajen del codigo porque no se como escribir el codigo en este espacio, esta es la direccion de la imagen
ResponderEliminarhttp://2.bp.blogspot.com/_71iJjEvAbL4/TNNmANCcrSI/AAAAAAAAByc/4J0Yli2dTIo/s1600/IMAGEN+DEL+CODIGO.png
Probablemente el problema es que la cabecera la pusiste en el área del menú y no dentro del área diseñada para la cabecera.
ResponderEliminargracias amigo, el problema era con la plantilla que estava utilizando, la cambie y me funciona de maravilla,
ResponderEliminargracias.
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!
ResponderEliminarNo 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.
ResponderEliminarSobre 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.
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!
ResponderEliminarNo te preocupes, es mejor preguntar de más que quedar con la duda. Qué gusto que ya está quedando el blog como querías :)
ResponderEliminarGracias Artista!!
ResponderEliminarSaludos 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.
ResponderEliminarEn ese caso en lugar de modificar los valores de #header h1 modifica los valores que están en #header img
ResponderEliminarSaludos.
GRACIAS POTRO. FUNCIONO MUY BIEN. SALUDOS DESDE VENEZUELA MI PANA
ResponderEliminarGracias, si funciono...
ResponderEliminarHola!Veo que hay un alma caritativa por aquí que quizá me pueda echar un cable!!! (Excelente tutorial, por cierto, enhorabuena).
ResponderEliminarMi 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)
Hola LAURA,
ResponderEliminarMe 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.
Te adoro, Potro! Que cosa tan tonta y la de días que llevo rompiéndome la cabeza! Mil gracias. Te ficho! ;)
ResponderEliminarEs un placer poder ayudarte :)
ResponderEliminar¡Saludos!
GRACIAS MASTERRRRR!!!
ResponderEliminarHabí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.
Me da gusto que te haya funcionado, y claro, eres bienvenido las veces que así lo desees :)
ResponderEliminarHey 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.
ResponderEliminarHola ADMINISTRADOR,
ResponderEliminarSó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.
POTRO, ESTE CODIGO NO ME APARECE EN LA PLANTILLA:
ResponderEliminardiv id='content-wrapper'> NO SE PORQUE. TENGO UNA PLANTILLA ELABORADA POR AGUIEN, NO SE SI ESO LLEVE ALGUN CONFLICTO, TU DIRAS, ERES EL EXPERTO.
Pues localiza donde termina el contenedor de la cabecera y debajo pega el código.
ResponderEliminarMIerkina mano, aun no e podido encontrarlo no
ResponderEliminar¿En cuál blog deseas hacerlo?
ResponderEliminarwww.elboncheisabelino.com, entra ahi mano y veras que plantilla tengo
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola,. 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-
ResponderEliminarEsta 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
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.
ResponderEliminarSEBA, mira el comentario #32
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.
ResponderEliminaroye mil gracias por todos los trucazos han funcionado de maravilla.... saludos y bendiciones
ResponderEliminarups 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?
ResponderEliminarADMINISTRADOR, por supuesto, por el momento puedes unirte a la pagina de Facebook y por ahi podemos tener mas contacto :)
ResponderEliminararguz67@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.
todo esta como debe!! de hecho en el momento en el ke incluyo la imagen aparece asi:
ResponderEliminarantes de
< div style='clear: both;'/>.... luzalasnacioness.blogspot.com
ah!!! no esta completo mi comentario decia yo ke aparece
ResponderEliminar< b:widget id='Image1' locked='false' title='' type='Image'/>
< /b:section>
Funciona de maravilla. Yo he modificado un poco el código para unos gadget más abajo y ha quedado perfecto! :D gracias.
ResponderEliminarMIS 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.
ResponderEliminarAqui mi nuevo blog: http://elblogdeshock.blogspot.com/
Hola Potro.
ResponderEliminarUna 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....
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 :\
ResponderEliminarIndeziisoow, 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
Ya gracias Potro ya lo he implementado a mi blog...
ResponderEliminarSaludos...
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
ResponderEliminarPues 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