171

Dividir la cabecera del blog

No es difícil y quedará muy bien para colocar además del título o nuestro logo, cualquier otro elemento a la derecha de estos.

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Antes de empezar sabed que estos cambios están hechos para la plantilla Mínima de Blogger, lo que no quiere decir que no pueda hacerse en las demás, supongo que será cosa de probar...

Si usáis un blog de pruebas mejor, ya que evitaréis futuros disgustos en el caso de que algo salga mal.

He usado para este ejemplo las medidas de cabecera que vienen incluidas en la Mínima sin modificar, cada uno luego usará sus propias medidas, teniendo en cuenta que la medida de los dos widget no debe sobrepasar la medida total de la cabecera.

En el ejemplo, los dos widget son de la misma medida, es decir, he "partido" la cabecera en dos justo por la mitad, pero pueden variarse las medidas para que el widget que nos interese sea mayor que el otro.


[1] Nos situamos en la parte del código CSS de nuestra plantilla y localizamos el código correspondiente a nuestra cabecera (header):

#header {
margin: 10px;
text-align: center;
color:#fff;
}


Lo cambiaremos por este otro:
#header {
width: 310px;
float: left;
margin:0 auto 10px;
text-align: center;
color:#000;
}
#header-derecha {
width: 310px;
float: right;
color: #000;
margin:0 auto 10px;
}

[2] Un poco más arriba de esto, veremos el #header-wrapper {, si tenemos añadido borde en esta sección, hemos de poner su valor en cero:

border:0px solid $bordercolor; o eliminar esa línea completa directamente.

Fijaros también ahí, en las propiedades de margin: y poned los mismos valores en el primer código que hemos añadido para cada sección, o sea, en #header{ y #header-derecha.


[3] Bajamos ahora por la plantilla hasta localizar este código:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Ejemplo de cabecera (cabecera)' type='Header'/>
</b:section>
</div>

Lo sustituimos por este otro:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Ejemplo de cabecera (cabecera)' type='Header'/>
</b:section>
<b:section class='header' id='header-derecha' showaddelement='yes'/>
</div>

Así se verá en la página de añadir elementos:

Diseño cabecera

El nuevo elemento de la derecha puede usarse como hacemos con cualquier otro widget, por ejemplo para añadir un buscador:

Cabecera con buscador

En cuanto al elemento de la izquierda, seguirá siendo nuestro "header" de siempre, al que podemos añadir un logo o imagen si nos apetece:

Cabecera con imagen


Tened en cuenta que en las nuevas plantillas el código ha cambiado de tal manera que $startSide será lo mismo que left y $endSide será lo mismo que right.


Visto en: BlogU

Entradas Relacionadas:

171 comentarios:


Alexis Moya

Que bueno que se puedan hacer estas cosas en blogger, y que bueno que existan personas como tu que las expliquen tan bien... a proposito, el tema del Outbrain que te habia preguntado hace algunos dias ya lo solucione, y definitivamente era problema del IE, porque con Firefox se ve muy bien...

Anónimo

ayy! rosa cada dia me sorprendes mas con la ayuda que me brindas, gracias por hacer que todo me salga mejor.

Nelson

Saludos mi apreciada Rosa, como siempre marcando la pauta con tus consejos. Te comento amiga que hace algun tiempo te consultaba acerca del como podria yo lograr que en los resultados de las busquedas dentro de mi Blog se mostraran los titulos de las entradas tal como en el tuyo, tu respuesta fue la siguiente: "Nelson Diaz , mi buscador es "normal" busca en las páginas de mi blog, lo que sucede es que en mis páginas de etiquetas, tengo aplicado este "truco":
http://elescaparatederosa.blogspot.com/2007/04/ttulos-expandibles-en-los-post-de-las.html" pero creeme que incluso he tratado de asesorarme en otros sitios amigos a ver como aplico esto a mi blog y no he podido aun... Ma ayudarias??? por otro lado y aprovechando la ocasión, deseo variar el tamaño de los titulos de los elementos en el SideBar de mi Blog: http://todolopuedeslograr.blogspot.com, lo he podido hacer en todos los elementos menos en esto.. conoceras amiga como lograrlo... Muchisimas gracias de antemano por tu receptividad amiga. Una abrazo desde Venezuela

Jaime Trujillo Escobedo

en mi blog, yo tengo este truco, que me lo hice al hacer la plantilla y la verdad es que es muy bueno, me gusta mucho porque puedo tener por ejemplo una imagen en movimiento en un lado, y el titulo en otro, muy buen truco Rosa, y la verdad es que lo probé en mi blog de pruebas y el estilo es muy lindo, os lo recomiendo!!

Unknown

Querida Rosa, no sé si habrás visto mi email, soy Juan Carlos (jcpolitica@gmail.com), como sé que estás ocupada te lo digo por aquí, cuando puedas podrías pasarme los códigos de mi plantilla que has cambiado para que los pueda adaptar a mi blog, es que estoy diseñando una nueva estructura y con la cabecera me quedará todo más claro.

Gracias y de nuevo, disculpa las molestias

Yadira

Hola rosa, me encanta tu blog, me ha ensenado tantoooo :) , pero queria saber como se le pone a la hora , a las en lugar de en , porq me gustaria ponerselo a mi blog, ojala me entiendas :P , gcias por todo lo que nos ayudas, besos y q estes superbien!!! bye

Carlos Zeballos

Muchas gracias Rosa
Una consulta: ¿Cómo haces para dividir la cabecera en pestañas? (en tu caso tienes Inicio / Contacto / Suscribe Feeed/ etc.)
Muchas gracias
Carlos

Anónimo

Nelson, los títulos de la sidebar tendrían que controlarse en esta parte del código de tu plantilla:
#sidebar-wrapper h2 {
}

Así es como está en tu plantilla y como ves está vacío de "ordenes" así que tendrás que incluir ahí lo que necesites, por ejemplo así:

#sidebar-wrapper h2 {
text-transform:uppercase;
color:#ddd;
font-size:12px;
}
Te explico un poco, la primera línea quiere decir que el texto estará en mayusculas, en minusculas sería "normal"
La segunda es el color, cambias el código para poner el que tu quieras.
La tercera es el tamaño del texto, cambias el valor ahí por el que quieras...

En cuanto a lo que me dices de entradas expandibles no se que más puedo decirte que no esté allí explicado...¿has tratado de seguir los pasos?...si es así, ¿que ha ido mal?...

Anónimo

Jaime gracias :-)

Anónimo

Juan Carlos, lo he visto justo hace un rato.
He estado dos días con la conexión casi al mínimo, y desde ayer con problemas en mis blogs de pruebas para hacer incluso la "vista previa".
En cuanto pueda te la enviaré.

Anónimo

Yadira, ve a la parte de diseño de tu panel (donde añades los gadgets) y en la caja que dice "entradas del blog" pincha en editar y ahi lo puedes cambiar.

Anónimo

Carlos Zeballos, eso es un menú en horizontal.
Puedes ver alguno de ellos arriba, en mi nube de etiquetas, pinchando en "Menús".

Yadira

Rosa!!! mil gracias , estuvo facilisimo :), me encanta tu blog, te voy a agregar al mio ok!

Jorge

Hola Rosa, quisiera saber como cambiar el enlace al que va el titulo(cabecera), osea, que en vez de que vaya a la página principal, que vaya a la dirección que yo quiera, podrías ayudarme?? Gracias

Anónimo

Hola Rosa, como se ponen los numeroa en las entradas, esque queria numerarlas en mi blog, como se hace el truco?

Anónimo

Rosa para mi es una novedad!!!...he visto en los ejemplos y queda precioso!!!...ya deja de trabajar tanto, descansa un poquito, cuida que los insectos no ingresen a la casa...besitos!!!

Emiliano Arévalo

Hola Rosa:
Me encanta tanto tu blog que te enlace en el mio que es www.super-coches.blogspot.com.
Como veo que tu tienes un monton de visitas por dia quisiera saber si tu no me podrias enlazar con el enlace que tengo en mi blog.
Saludos
Emi

Anónimo

Gracias por la cabecera que me has hecho:-)
Está llamando la atención, je,je.

Jorge

Hola Rosa, quisiera saber como cambiar el enlace al que va el titulo(cabecera), osea, que en vez de que vaya a la página principal, que vaya a la dirección que yo quiera, podrías ayudarme?? Gracias

Anónimo

Hola amiga rosa soy fiel seguidor de tu blog y asta el momento e seguido todas tus consejos y todo me a salido bien.
Mira e estado buscando como desaparacer la hora de los post. Se como eliminar la fechas de los post pero nunca e podido eliminar la hora de los post y asta el momento no e encontrado un blog que enseñe a eliminar o a ocultar la hora de publicacion de todos lo post.
Bueno amiga sigue adelante y cuidate mucho.
Pd. Gracias por este blog que es muy balioso.

Anónimo

Klgo. Alexis Moya R. , pues deberían proporcionar el código optimo para todos los navegadores...en fin.

Anónimo

Doctor cable, tienes que ir a la parte de diseño (donde añades los gadgets) y en "entradas del blog" pinchas en editar, allí desmarcas la opción de la hora y ya está.

zux

Hola, una pregunta q no esta relacionada con el tema.

me puedes decir como haces para, dejar la casilla de comentarios abierta, no como el comun de blogger que tienes que meterte a otra ventana para comentar

si me respondes muchas gracias
xau

maxpower41@gmail.com

Anónimo

zux, te refieres a colocar el formulario?
http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html

Jorge

Hola Rosa, quisiera saber como cambiar el enlace al que va el titulo(cabecera), osea, que en vez de que vaya a la página principal, que vaya a la dirección que yo quiera, podrías ayudarme?? Es urgente, por favor. Gracias

Anónimo

Jorge , perdóname cielo, había visto tu comentario, pero decidí dejarlo para después porque era un poco complicado de explicar por aquí y se me pasó:$
Te explico:
Si has incluido la imagen desde Blogger, es decir desde diseño en el gadget del header el enlace ira siempre a tu página de inicio.
Si lo has hecho desde el css, así:
#header { background:url(url de la imagen);
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Entonces si puedes darle otro enlace, para eso tienes que localizar esta parte sin expandir los artilugios:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='tublog (cabecera)' type='Header'/>
</b:section>
</div>

E incluir tu imagen de cabecera ahí con el enlace:
<div id='header-wrapper'>
<a href=' http://tublog'>
<img border='0' height='170' src='url de la imagen'
width='675'/></a>
</div>

Por supuesto tienes que eliminar la línea del css donde la imagen estaba antes:
background:url(url de la imagen);

Mejor usa un blog de pruebas, ya que te saldrá un mensaje como este al guardar los cambios:
Por favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.

* Header1

Y vale más prevenir...

Anónimo

no se, pero a mi cada vez que he intentado cambiar algo en el codigo en blogger me da error, asi igual me pasa al intentar subir una nueva plantilla, el hecho es que tengo que dejar los themes tal como vienen establecidos

Angeles y Javier

Hola Rosa, voy a aprovechar aquí para pedirte ayuda. Si ves mi blog, introduje un sidebar siguiendo tus instrucciones, arriba, de doble tamaño respecto de las otras. Sin embargo, me ha quedado más arriba de las entradas y muy separado de las dos columnas que tengo debajo. He estado mirando la plantilla, y haciendo algunos cambios para intentar que quede, al menos al ras de las entradas, y con menos separación respecto de las dos columnas de abajo, pero no lo he conseguido. Por favor, dime donde tendría que hacer el cambio y como. Muchas gracias anticipadas

Jorge

Gracias Rosa :-)
Ha funcionado, eres la mejor :P

Antony

Hola! :-)

Que bien, siempre estuve buscando esto y ahora lo encuentro... Y bueno creo también se puede aplicar en la parte de arriba del sidebar y main yo tengo algo parecido al header, pero es header-bottom, así esta en mi plantilla. Aclárame eso y si puedo aplicar el mismo procediendo.

Saludos!

Anónimo

Antony, supongo que si, aunque no puedo ver claramente el diseño de esa parte de tu blog desde el código fuente...

Anónimo

Angeles y Javier, mira localiza el código de cada una de las sidebar en la plantilla, este:
#sidebar-wrapper {
margin-right: 10px;
_margin-right: 5px;
margin-top: 130px;
width: 190px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper {
margin-right: 8px;
margin-top: 130px;
width: 190px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

En cada una de ellas hay una línea que dice:
margin-top: 130px;
Cambia ahí el valor, por ejemplo por 20px, esa será la distancia de las sidebars a la nueva widebar.

Ahora en el código de la widebar:
#widebar-wrapper {
width:400px;
float:left;
padding-bottom:10px;
margin-bottom:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
Cambias el valor en margin-bottom:10px; por 130px

Rosalina Huaranga Morales

Hola Rosa, me interesa mucho esto de dividir la cabecera, porque ahi puedo poner como bien dices un buscador, o talvez un baner u otras cosas.

Pero rosita no encuento #header-wrapper { :( ojala me puedas ayudar, gracias por todo :)

Anónimo

Rosalina, tu puedes hacerlo todo igual que aquí pero el código del paso [3] que has de sustituir en tu caso es este:
<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>
<b:widget id='Header1' locked='true' title='La Crítica (cabecera)' type='Header'/>
</b:section>

Rosalina Huaranga Morales

ok, ahora lo probare, te aviso si me funciono, gracias por tan pronta respuesta :-)

pasionquemera

rosa como hago para que una imagen ocupe toda la cabecera
no me deja solo me sale un pedazo de la imagen

http://pasionporelglobo.blogspot.com

Anónimo

pasionquemera , tu cabecera esta dividida en dos partes: .headerleft { y .headerright { en esa plantilla es así.
Si colocas una imagen en la parte derecha (.headerright {) tendrá que medir 600px para que se vea completa y si la colocas en la izda tendrá que medir 350px (.headerleft {).

A no ser que aumentes el ancho de una de ellas y reduzcas el de la otra, eso se hace en esta parte del código modificando el width:
.headerleft {
width: 350px;
float: left;
margin: 0px;
padding: 0px;
overflow: hidden;
}

.headerright {
width: 600px;
float: right;
margin: 0px;
padding: 10px 0px 0px 0px;
text-align: right;
}

pasionquemera

rosa gracias por la data pero el problema es que esos codigos para dividir la plantilla no figuran en la mia o yo no los encuentro

lo que mas me interesa es poner una imgen del lado derecho y que quede el titulo al lado izqyirdo

Anónimo

pasionquemera , si están porque yo los he sacado de tu plantilla...

El título ya lo tienes a la izda, ahora lo que deberías hacer es subir una imagen a la derecha que no tenga más de 600 pixeles de ancho.

pasionquemera

Pero como hago para subirla por que no tengo la funcion de añadir un gadget a la derecha pero si lo tengo a la izquierda

http://pasionporelglobo.blogspot.com

pasionporelglobo.web@hotmail.com

Anónimo

pasionquemera , yo si veo que tienes un gadget a la derecha en tu código, es donde está añadido lo de suscribirse.

pasionquemera

Lo que pasa es que yo queriendo hacer esto de dividir la cabecera lo de subscribirse es como que se me oculto y en ningun pero ningun lado sale lo de añadir gadget al la derecha en la cabeera y lo que quiero hacer es poner una imagen a la derescha pero no me sale lo de añadir un gadget en la parte derecha

no se si me explico¡¡
disculpa las molestias¡¡¡

Anónimo

pasionquemera , si te entiendo. Pero es que yo veo en tu código que tienes una parte derecha en la cabecera donde está incluido lo del suscribe, algo estará mal supongo, las medidas o lo que sea, pero el código está ahí.
Porque no tratas de hacer lo que explico en esta entrada paso a paso y sustituir lo que tienes por esto...

Anónimo

Hace tiempo que buscaba esta información, muchas gracias y sigue así, es un gustazo encontrar blogs como este.
Un saludo

Maria Pilar-COCINICA

Querida Rosa, he dado vueltas como una tonta a todo lo que se puede mirar en mi blog y no consigo encontrar el codigo CSS y localizar el Header.

Si pudieras contestarme por favor.

Muchas gracias

Un abrazo

Anónimo

Cocinica, en tu panel de Blogger en la pestaña "edición html" donde se ve todo el código completo de tu plantilla, ahí es donde has de mirar.

PITU

Rosa muchas gracias me salio, eres magica y ayudas a quien no tenemos ni idea

Anónimo

RAUL ¡Me alegra mucho oír eso!:D

Anónimo

Rosa.. muy buen día!!
Estoy planeando un cambio para mi blog para el año que viene y quisiera tener una letra especial en la cabecera de mi blog (no las comunes que me ofrece Blogger -arial, verdana, etc-) He visto blogs con letras muy lindas, adornadas y no sé cómo hacerlo..
Cómo puedo hacer para lograrlo???
Desde ya, muchas gracias♥

Anónimo

Sandra, ya te digo casi con seguridad que la mayoría de esos títulos que has visto son imágenes...Porque la fuente puedes cambiarla el problema es que tus visitas no tengan esa fuente en su sistema y entonces no la verán...

Tendrías que hacerlo en esta parte de la plantilla:
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: italic bold 180% Georgia, Times, serif;
}

Como ves la última línea de ese código es la que marca el tipo de fuente, supongamos que quieres usar la Comic Sans, tendrías que poner esa línea así:
font: italic bold 180% 'Comic Sans',Georgia, Times, serif;

Eso hace que la Comic Sans sea la fuente prioritaria (entre comillas) y si alguien no la tiene, verá por defecto la siguiente ...

Anónimo

Muchísimas gracias Rosa.. gracias por tu tiempo en explicarme lo que necesito! Un beso y felices fiestas!!

MARGA'S HAPPY CRAFTS

Hola Rosa, no corresponde a esta entrada, pero puedes decirme como puedo hacer una cabecera mas alta.
Gracias.

Anónimo

MARGA, normalmente el header no tiene altura añadida en su CSS, según el alto que tenga la imagen, será la altura del header.

MARGA'S HAPPY CRAFTS

Rosa, gracias, pensaba que estaba preestablecida.

Julio

ola Rosa diskulpa la molestia, pero tengo otra duda, haber si me ayudas, como puedo hacer para tener ese menu asi komo tu inicio, contacto, suscribrise feed, sobre mi ver todas las entradas, etc kiero poner en una hoja apaarte haber si me ayudas graxias de antemano

Anónimo

**Junizhito¡¡¡ Arriba, en mi nube de etiquetas, hay una que dice "Menus" ahí verás varias entradas con distintos modelos de menu.

Anónimo

hola rosa soy jordi de cineguay.blogspot.com (supongo que no te acordaras de mi ya tengo la plantilla que me gusta, pero en la cabezera sólo se puede poner eso la cabezera en otras plantillas puedo añadir gadet, me gustaría poder añadir un gadet en la cabezera ¿que se puede hacer?, si ves mi blog veras que tengo una imagen y me gustaria poner 5 y cada una con su enlace.
Ah Feliz año

Anónimo

Jordi, mira en esta entrada:
http://elescaparatederosa.blogspot.com/2008/05/elementos-adicionales-en-diseo-de-la.html

Anónimo

Disculpa he ido a la pagina que me has dicho y he cambiado lo primero donde el 1 por el 2 y el no por el yes y no me ha dejado guardar la plantilla que si los artiligios no se que te puedo pasar la plantilla y lo pruebas tú o te puedo poner de administradora durante unos días y me haces el favor de ayudarme un poquito.si es mucho pedir disculpa mi atrevimiento.
De tudas formas múchisimas gracias

Anónimo

DESCARGAS, solo has de localizar esta línea:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Y ponerla así por ejamplo:
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Para poder añadir elementos en el header.
Si te ha dado error es que algo no has hecho bien, es algo muy sencillo de hacer...

NeoiRec

me pregunto si se puede hacer mas grande la cabezera, y el de lado izquierdo un poco mas pequeño

Anónimo

Neo, claro, se trata de modificar las medidas en width: más para header y menos para header-derecha.

MR the web

HOLAS ROSA SINCERAMENTE EN TU BLOG HE ENCONTRADO MUCHAS SOLUCIONES PERO HAY UNA DUDA QUE TENGO Y NO ENCUENTRO EN NINGUN LADO LA SOLUCION QUISIERA SABER COMO OCULTAR LA HORA QUE APARECE EN TODOS LOS POST.

DESDE YA MUCHAS GRACIAS Y UN SALUDO GRANDE

BY MR

Anónimo

MR, eso lo haces desde la parte de Diseño de tu panel (donde añades los gadgets) allí en la "caja" que dice "Entradas del blog" pinchas en editar y desmarcas la opción de mostrar la hora.

Unknown

hola Rosa, he estado ensayando en un blog de prueba lo de dividir la cabecera y todo salio bien, lo que no he podido es colocarle l cabecera en swf, si lo hago por la plantilla la imagen funciona bien siempre ,pero queda el espacio dividido arriba poco estetico. dime que tengo que hacer. gracias

Anónimo

Solidaridad, tendría que verlo funcionando para saber exactamente que quieres decir.

Unknown

Hola Rosa observa en el blog de prueba como queda, debe haber una forma de que la imagen swf quedé al mismo nivel de la cabeera que esta sobre la sidebar. gracias Rosa

Anónimo

Soliradidad, a ver, tienes un tamaño de 730px en uno de los lados y 200px en el otro.
La suma de los dos es de 930px, pero como has puesto un padding de 10px en cada uno, a eso hay que sumarle 20px, lo que da un total de 950px que es el mismo ancho que tiene el blog en outer-wrapper (cuerpo del blog), con lo que no hay espacio.
Tendrás que reducir una de las partes del header.

Max

Gracias por tu buena labor y la ayuda que prestas.
Saludos. :D

Marisabel

Ufff otravez se me ha borrado el comentario que te hacía.... buffffffff te decía...
Que por más que lo intento no hay manera de queme aparezcan las dos partes en el header, he conseguido dividirlo pero el de la derecha no hay manera. Le subo una imagen pero sale debajo y no al lado.
Lo tengo subido a este blog
http://lamanducadiaria.blogspot.com/
Muchas gracias

Anónimo

marisabel, no puedo ver el blog, es para invitados:(
Si te sale debajo, una de dos, o lo que tratas de poner ahí es más grande que el espacio y por eso se "baja".
O la suma de las dos partes, sobrepasa el ancho de tu header.

Marisabel

Muchas gracias Rosa, voy a repasarlo

Marisabel

Rosa no acabo de ver donde está el error. Te envié unaa invitación para ver mi blog de pruebas, no se si la recibiste, aquí te pongo el enlace para que la puedas ver.
http://lamanducadiaria.blogspot.com/?zx=407c9881ed4764c9
Este apartado no me quedó muy claro de qué hacer.
:( Fijaros también ahí, en las propiedades de margin: y poned los mismos valores en el primer código que hemos añadido para cada sección, o sea, en #header{ y #header-derecha.
:(
Gracias por tu ayuda.

Anónimo

marisabel, aún no se si me ha llegado la invitación...voy siguiendo un orden de llegada de emails...

Eso que no entiendes quiere decir que si en esta línea de header{
margin:0 auto 10px;

La del margin, tiene que ser igual en header y en header-derecha o se "caerá" uno de los dos.

RRS

Hola Rosa intente dividir la cabecera pero cuando voy a la plantilla de diseño queda bloqueado y no me permite agregar el gadget, me puedes ayudar para ver que error estoy cometiendo? gracias

Anónimo

RSS No sabría decirte...siguiendo los pasos no tiene porque pasarte eso...

Carol. S

hola rosa, fijate que estoy arreglando un blog de mi hermana, pero le he colocado algo en el header, que solo puedo ver en elementos de pagina, y a no se que es ni como quitarlo me ayudas?

http://bienesraicesdominicana.blogspot.com

Gracias

Anónimo

Carol. Schroder No veo nada en el código fuente del blog, ningún código que me muestre que hay nada en el header, que no sea la imagen azul con el texto...

Carolina

Buenas Rosa, Gracias por molestarte, :) la verdad es que no molesta, pero solo lo veo en elementos de pagina, y es un recuadro rectangular punteado debajo de donde se coloca la imagen del header, no molesta ni nada pero ahi se supone que diga agregar un gadget o elemento.

Rosa tambien quisiera preguntarte, es posible agregar otro elemento para mostrar otras etiquetas pero que no salgan en el elemento que ya tengo de etiquetas? ufff esto siempre es complicado explicarlo para los brutosblog
Bye

Carol S.

Anónimo

Carolina Prueba a limpiar la caché de tu navegador, podría ser algo "pegado" ahí pero que en realidad no existe...

Por otro lado en la página principal de mi blog la penúltima entrada, habla de eso que preguntas de las etiquetas.

Carolina

Rosaaa gracias, como no molesta lo dejo así, eres un ser especial. :D

Fabian So.Ur

Hola Rosa, primero agradezco tu esmero en ayudarnos con todos estos tips.

Mira quise dividir al cabecera del blog, pero no resultó pue sni siquiera encontré la parte que decias... me puedes ayudar? Mi plantilla es la GARLAND de tres columnas.

Y además no puedo subir una imagen a la cabecera...

De antemano... Gracias

Anónimo

Fabian Es muy raro...veo en tu código fuente que el menú superior está dentro del header y que por eso no puedes subir una imagen...

Digo que es raro, porque precisamente ayer recibí una consulta sobre esa plantilla pero al revés...o sea, la chica si podía subir la imagen al header, pero no podía editar el menú.

Acabo de cargar yo la plantilla y me pasa como a ella, yo SI puedo subir una imagen e incluso e dividido la cabecera, pero el menú se queda ahí como "enquistado" y no tengo acceso a el, está ahí, pero en el código es como si no existiese...

Esa plantilla no es de Blogger, por supuesto, es una adaptación, por lo que pienso que desde su adaptación Blogger ha cambiado algo en el código que da lugar a este fallo...

Yo podría corregir y ya te digo, incluso dividir el header sin problemas, pero no se como "deshacerme" del menú en cuestión que se queda ahí...

Jorge (alerotirador)

Hola, quizá cambie el diseño de mi blog y escribo porque trato de aplicar este truco y en principio sale tal cual aquí se explica.

Pero cuando quiero añadir un widget a esa cabecera de la derecha, no me deja acoplarlo allí, sino que se me queda debajo.

No sé si me explico bien o me entenderás.
¿Qué hago mal?

Un saludo y gracias respondas o no, porque es alucinante el excelente trabajo que haces aquí ayudando a diestro y siniestro.

Anónimo

Jorge Perdona la tardanza, no se porque se me pasó tu comentario...he ido a tu blog y veo que no está añadido el "truco" necesitaría verlo para saber que puede estar pasando, porque tu plantilla es una Mínima así que no deberías tener problema de medidas ni nada de eso...

Jorge (alerotirador)

Hola Rosa, responder a un comentario dos días después ¿es tardanza?, entonces ¿qué habrá que pensar de otros? ¿Acaso tienes que responder todos los comentarios? ¡¡Demonios!! ¿De dónde sacas el tiempo?

Si no viste en mi blog el cambio fue porque en elementos de página me salía todo tal cual explicas, pero al añadir un widget, en dicha página se me acoplaba debajo de esa ventanita de añadir widget que viene en azul.

Al verlo así, no quería aceptar el cambio porque pensaba que luego la gente lo vería tal cual. Todo esto sin darle a la vista previa, merluzo de mí. Ahora probé en mi blog de pruebas (http://practicandoconelblog.blogspot.com/), y veo que va quedando como me gustaría.

Ahora la cuestión es que algunas características que tenía no me funcionan. Por ejemplo, me cambia el color del título del blog, y ya no es enlace. Supongo que tendré que ajustar algo. El paso a este blog lo hice desde la plantilla mínima más copiar y pegar el código de la plantilla de mi blog “original”, más algún que otro ajuste.

Imagino que tendría que limpiar código a diestro y siniestro con los riesgos que ello entraña. Intentaré jugar con ello a ver si todo queda a mi gusto y lo puedo trasladar al blog que ve todo el mundo, es un decir a tenor de mis números de lectores (ellos se lo pierden).

Mil gracias una vez más. Espero no darte mucho la tabarra, bien sé que puedo hacerlo, porque tengo miles de dudas y de ganas de hacer cambios en mi blog.

Un saludo y ofrezco mi ayuda para resolverte alguna duda de baloncesto (http://ba-lon-ces-to.blogspot.com) o de otro tema pese a que sólo sé que no sé nada.

Anónimo

Jorge No me fijé la verdad...creí que hacía más de dos días :P

Pues de eso que me comentas algo no está bien del todo, porque no debería haber pasado eso. La parte del header de la izda, sigue teniendo todas las propiedades que tenía la cabecera tal como estaba antes del cambio...igual al copiar código del otro blog...no se, tendrás que ir con paciencia revisando.

Manuel

Hola Rosa, cuando inserto una imágen en la cabecera del blog que supere la altura de 195 pixel ésta se monta sobre la sidebar y las entradas. ¿Como podría modificar el código para que se desplazen hacia abajo? Gracias. Saludos.
El blog de manuel

SandraL

Hola Rosa!
Me he pasado dias en tu pagina aprendiendo como mejorar mi pagina.. ya soy una escaparateadicta! jajaja...
Hice este truco hace unos dias y me quedo super... mi problema es que por X motivo tuve que repetirlo.. pero no me quedo como antes...
La vez anterior los botones (asi como en tu pagina tienes Inicio contacto etc) tb se dividieron y quedaron al medio de los dos trozos de la cabecera.. pero eso no ocurrio ahora! me puedes decir como hacerlo para dejarlos al medio de nuevo???

Mil gracias rosa!!
San..

ah.. mi pagina es Http://corazondenuez.blogspot.com

Anónimo

Manolo Si colocas en el header una imagen de 200 pixeles por ejemplo, coloca en esta parte del CSS:

/* Blog Header
----------------------------------------------- */
#header-wrapper {
height: 190px;

La misma medida en height

Como ves ahora tienes 190, así que si pones una imagen mayor ahí, el header no se "estira" y se monta la imagen sobre el resto.

Anónimo

San.. ¿Quieres decir que los enlaces del menú se ven hacia la izda? Ese menú es así...está pensado para según añades más enlaces va aumentando, pero centrado está, sino el color blanco de fondo no llegaría hasta la derecha...¿era eso lo que quería decir? que yo a veces no entiendo bien lo que queréis decir...

SandraL

LA vez anterior cuando dividi la cabecera la barra de menú quedo entre la cabecera donde tengo el titulo y las etiquetas que puse al lado....
Ahora la barra me quedo debajo de la cabecera dividina y no encima de ella...
(sorry! pero es que como soy nueva en esto creo que la que se entienda al explicar soy yo! )
Ah... y voy a crear el blog de pruebas porque ya van 3 veces que arruino mi blog!
Gracias por la paciencia!

Anónimo

San.. A ver...dices que la otra vez quedó entre la cabecera y las etiquetas pero ahora la quieres sobre la cabecera y las etiquetas ¿es así? la verdad no me aclaro...

Tienes el código para el menú añadido directamente en la plantilla sobre: <div id='content-wrapper'> creo...cambialo a justo antes de <div id='header-wrapper'>

SandraL

Lo logre! ni se como en realidad.. pero quedo como queria.. =)

Mil gracias de nuevo Rosa!!

pd.. ya aprendi... ya hice una copia de TODO..

Anónimo

San.. ¡Ole!:D

Manuel

Gracias por la ayuda Rosa. Ya puedo colocar las imágenes con la altura que quiera. Saludos.

Luis

Muy bueno Rosa, ya logre dividir la cabecera, pero cuando quiero añadir un gadget en la cabecera izquierda se añade abajo y no e el espacio que creamos. Me puedes ayudar? gracias

Anónimo

Luisneo La parte izquierda es desde donde añades la imagen o logo de cabecera directamente desde el PC al gadget.
Si añades un gadget "normal" y lo arrastras debajo de esa parte, entonces si, te quedará debajo.

Siervo

Rosa necesito ver ti el codigo que flota a la derecha puede estar en la misma altura del titulo del blog, es decir que no este pegado sino en la altura que comienza el titulo a esa distancia.
http://fulladven.blogspot.com/

Anónimo

Siervo Es complicado, porque no ocupa lo mismo un texto como el del título que un banner...Intenta a ver si añadiendo un <br/> o dos, justo sobre el comienzo del código del banner se baja un poco...

RRS

Hola Rosa, quiero preguntarte si hay alguna forma de que la cabecera del Blog que es la predeterminada por bloger pueda ser mas funcional es decir que en el mismo header pueda agregar mas cosas ya que el predeterminado solo permite un titulo, una descripcion y agregar una imagen y no se le puede hacer ningun cambio.

Anónimo

RSS De eso justamente trata esta entrada. Una vez hechos los cambios, además del título, descripción y demás, tendrás un espacio adicional para incluir gadget.

Jaume i Cris

Hola Rosa,

tengo una pregunta; me gustaria partir mi content wrapper en dos, o sea, mantener la SIdebar como esta y la parte central, dividida en dos. Es posible???

Lo necesito para partir la pagina principal de mi blog en dos para poder poner más entradas

Si te quieres pasar a mi blog para ver lo que quiero .... http://viatgesjaumeicris.blogspot.com/

mil gracias

Anónimo

Jaume Si puede hacerse, aunque es bastante complicado... será tal vez una de mis próximas entradas.

Jaume i Cris

buenas Rosa

ya lo creo que debe ser complicado!! yo no he podido hacer nada

Estaré atento a las nuevas entradas de tu blog!!!

Graciassss

Nathan yo

Hola Rosa te queria preguntar como hacer para que la cabecera de este blog sea solo una en lugar de dos: http://gr-cade.blogspot.com/

Anónimo

Global Creo que Gem@ ya te ayudo con eso...

Jorge Ángel Aussel

Tengo un problema con esto de dividir la cabecera. Mi plantilla es una Denim, y si la divido, la foto que tengo en mi cabecera se va al extremo izquierdo, quedando la sidebar y las entradas centradas...

Cómo puedo hacer para que eso no suceda?

Gracias

Jorge Ángel Aussel

No Rosa, disculpame... empecé a editar toda mi plantilla nuevamente, y la cambié por la mínima de blogger. Total no llevaba muchos cambios efectuados hasta el momento... ahora sí ha funcionado.

Disculpa.

Anónimo

Jorge Ángel Aussel Has hecho bien. La Mínima de Blogger es en realidad como una plantilla base... a partir de ella puedes lograr cualquier cosa respecto al diseño...la mía es también una Mínima y no la cambiaría por ninguna otra :D

Jorge Ángel Aussel

Me di cuenta hoy cuando no podía efectuar ese cambio. Siempre me pareció muy básica la mínima de blogger, pero justamente ese atributo es lo que la hace interesante para editarla.

Jorge Ontiveros

Hola Rosa,
Enhorabuena por tu blog. Es de mucha ayuda cuando uno no tiene mucha idea. He hecho todo lo que señalas para dividir la cabecera, pero se me descoloca una navbar que tengo justo debajo. Me gustaría que pudieras ayudarme. Ya me dirás si quieres que te envíe la plantilla xml para que puedas hacer algo. Mi email es jontiveros@wanadoo.es
Un saludo y gracias

Jorge

Anónimo

Jorge Ontiveros Dime en que blog tratas de hacerlo (hay tres en tu perfil) y si puedes dejarlo instalado aunque se vea mal, mejor para ver el error.

Francisco Pose

Rosa en mi plantilla no está el código #header {, en cambio si está #header-wrapper { ¿eso quiere decir que ya no puedo dividir la cabecera en dos o hay alguna solución?.
Gracias de nuevo.

Anónimo

Francisco Pose Mejor hazlo en un blog de pruebas antes, pero supongo que no habrá mayor problema si añades el #header{ tal como explico.

Francisco Pose

Hice tal cual me dijiste y... ¡voila! conseguido. Eres un cielo Rosa, graciñas.

Anónimo

Francisco Pose A ti!!:D Quedó genial además...

Teixugo

Querida Rosa, he estado aplicar este tutorial pero sin éxito.
Quiero poner una imagen a la izaquierda del título (ahora está subida y se ve detrás), y para ello pensé dividir la cabecera como dices.
Cuando sigo tus instrucciones se me coloca el título a la izquierda y a la derecha se sube el elemento que tengo en el croscoll, es decir, la cabecera se ve con el formato del croscoll (amarillo con borde redondeado).
Yo querría lo que tengo ahora pero con la imagen a la izquierda y el título a la derecha.
¿Es posible hacer esto? si no es posible te agradecería una sugerencia alternativa.
Mil gracias como siempre anticipadas

Anónimo

Teixugo En tu caso es más complicado ya que la plantilla usa medidas en porcentajes, es decir, se adapta a la pantalla del pc en el que se accede al blog.

Ten en cuenta que dependiendo de como posiciones la imagen, en algunas pantallas podría no verse el header bien...

Prueba cambiando algunos valores en el CSS del header, estos son con los cambios, fijate ahí y modificalo:
/* Header
-----------------------------------------------
*/
#header-wrapper {
margin:0 2% 10px;
border:1px solid #cccccc;
text-align: left;
background: #ffffff
}
#header {
margin: 5px;
border: 1px solid #cccccc;
text-align: center;
color:#2D8930;
}
#header-inner {
background-position: center;
margin-left: 25%;
margin-right: 20px;
}
#header h1 {
margin:0 auto ;
padding-left: 250px;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal bold 354% Verdana, sans-serif;
}

Teixugo

¡Eres un crack! :D
Seguí tus instrucciones y la imagen ya no solapa el texto, incluso me permití moverla un poco mas a la izquierda.
Lo que no me gusta es que el texto esté en 4 lineas, y no consigo que esté en una o dos, en función del tamaño de letra, y además está justificado a la izquierda, y creo que queda mas bonito centrado.
¿Tienes algo para esto?
Siento molestar tanto, con la cantidad de consultas que te hacen. Intento buscarlo antes por mi cuenta, pero esta vez no localizo nada que me sirva. Gracias de nuevo

Raul

hola rosa
hice todos los pasos pero lo que pasa es que a la derecha del blog puse un buscador y arriba un anuncio adsense pero el buscador esta muy haci la izquierda y el anuncio esta fuera del margen :((
ojala y me puedas ayudar a que se vea dentro del margen por que a si se ve mal
http://mirage005.blogspot.com

Anónimo

que te importa Cada plantilla es distinta y en cada una tendremos que aplicar medidas distintas... tendrás que modificar en el CSS las medidas, padding o margin o lo necesario para ajustar....

Sandra

Hola Rosa la Salvadora!
No se donde ponerte mi pregunta,he dado muchas vueltas y no encuentro donde aparcarla,así que aquí va:
He visto en otros blogs que si clicas en la cabecera,te devuelve a la página de inicio,pero el mío no hace eso.
Sabes porqué puede ser?
Gracias!

Sandra

lo siento,lo siento,me dejé la dirección!
http://sandrakalandraka.blogspot.com/

Anónimo

SANDRA Pues no... cuando subes la imagen de cabecera desde Blogger, tal como la tienes tu, no debería perder el enlace... a no ser que el código que añadiste para el fondo de la plantilla lo anule... eso ya no lo se. :o

Sandra

Y como lo podría saber y solucionarlo?(si se puede,claro)

Anónimo

SANDRA Yo no alcanzo a ver todo desde el código fuente, quizás tocaste algo en la parte del código del header... yo eliminaría la imagen y volvería a subirla desde Diseño... por si fue un fallo de Blogger al subirla la vez anterior... ya te digo, que subiéndola así el enlace ha de estar...te comentaba lo del fondo porque veo es un código que se añade y ya aparece la imagen de fondo y no se si en ese código se incluye algo que inhabilite el enlace... eso ya sería cosa tuya, el probar a retirar el fondo a ver o lo que te digo de resubir la imagen...

Sandra

Gracias x contestarme.
La cabecera venía junta con la plantilla,y lo único que toqué fué centrar el nombre tal como me dijiste que lo hiciera y quedó bien.
Lo que no se es si antes de tocar esto funcionaba.
No se si sabré eliminar la imagen y subirla desde diseño...
Perdona x ser taaan pesadita!

Anónimo

SANDRA El centrado del nombre no afecta para nada... el código añadido para el diseño del fondo y demás es un script, así que será eso lo que hace perder algunos datos... para subir la imagen desde Blogger tendrías que retirar antes la otra y va incluida en ese script junto con lo demás, así que perderías el diseño actual... a veces las cosas son así en esto... para tener uno hay que prescindir de otro.

Sandra

Bueno,lo dejo así.
Gracias.

Liliana

Hola Rosa, me llamo Liliana. Te felicito por tu blog, me parece muy generoso de tu parte la ayuda que brindas a las personas que como yo quieren aprender acerca de como mejorar un blog y demás. Yo estoy empeñada en personalizar mi blog y no dejarlo a las planillas ya hechas, es todo un reto, he ido aprendiendo, tengo algunas dudas, mi pregunta es: Yo tengo como cabecera una imagen pero la imagen no se desplaza del todo hacia la derecha, lo que yo quiero es que la imagen me quede de extremo a extremo como la tienes tú, te agradecería alguna sugerencia, cuídate.

Anónimo

LilianaMi cabecera es más bien un efecto óptico... mira en esta entrada y lo entenderás:
http://elescaparatederosa.blogspot.com/2009/05/header-con-ancho-total.html

JoX3

Hola rosa.. hey me podrias explicar como hacer eso.. pero con la parte de arriba de los post... como sale en este ejemplo http://elescaparatederosa.blogspot.com/2009/03/mensaje-de-bienvenida-sobre-las.html.. despues de que se le coloca para añadir un gadget.. podria dividirce eso para que me aparezcan 2 gadget??

Anónimo

JoX3 Quizá buscas algo así:

http://elescaparatederosa.blogspot.com/2009/05/adicionar-espacios-extra-en-la-zona-de.html

JoX3

Muchas Gracias Rosa.. Eres la Mejor Jejeje... Tengo otra duda.. tu misma me dijiste hace casi 2 años.. como hacer un menu con imagenes agregando este codigo:

< d i v id='menu'>
< u l >

< l i >< a href='http://reggaetonrankiao.blogspot.com/'>< s p a n>
< i m g src='http://i271.photobucket.com/albums/jj157/JoX3/Home.jpg'/>

< l i >< a href='http://reggaetonrankiao.blogspot.com/search/label/Noticias'>< s p a n>
< img src='http://i271.photobucket.com/albums/jj157/JoX3/Noticias.jpg'/>

< l i>< a href='http://reggaetonrankiao.blogspot.com/search/label/Unreleased'>< s p a n>
< img src='http://i271.photobucket.com/albums/jj157/JoX3/Unreleased.jpg'/>

< l i>< a href='http://reggaetonrankiao.blogspot.com/search/label/Videos'>< s p a n>
< img src='http://i271.photobucket.com/albums/jj157/JoX3/Videos.jpg'/>

< l i>< a href='http://reggaetonrankiao.blogspot.com/search/label/Cd%27s'>< s p a n>
< img src='http://i271.photobucket.com/albums/jj157/JoX3/Cds.jpg'/>

< l i>< a href='http://reggaetonrankiao.blogspot.com/'>< s p a n>
< img src='http://i271.photobucket.com/albums/jj157/JoX3/Foro1.jpg'/>


*/

Pero ahora en el template q lo estoy aplicando se me pone una abajo de la otra.. y no como en el anterior una al lado de la otra!! que podria hacer alli? (claro sin los espacios me daba error para publicarlo completo)

Harry

Rosa, He intentado dividir el header con una de las plantillas del diseñador de plantillas de blogger (de hecho es la primera) pero no hay caso, la sección header-wrapper no existe....

Anónimo

JoX3 Cuando sea algo así, mejor al email la consulta...

Ese código para el menú, no está completo, falta el </ul> y el </div> además de el cierre de los span en cada item...

JoX3

Me podrias dar un correo donde pueda conversar eso con tigo rosa?

Anónimo

JoX3Mi correo está sobre esteismo formulario de comentarios también desde el menú tienes un formulario de contacto... Abajo, en el footer, hay un muñequito de msn, cuando aparece en verde (conectado) puedes desde ahí contactarme en mi msn...
Si te refieres a agregarte al msn, no, es imposible, tendría que multiplicarme para conversar con todos...

gino candiotti leon

hola rosa, una ? esto tambien aplica para el diseñador de plantillas, por que ahi no encuentro el codigo de header.....

Anónimo

gino candiotti leon No. Mientras no lo indique expresamente en la entrada, los que explico no sirve en el nuevo diseñador...

Jose Escudero

Hola Rosa,
Lo primero de todo darte la enhorabuena por tu blog.
Me gustaria saber donde debo colocar el código ya que el de mi plantilla no es como el que colocas en el ejemplo.
Mi blog es http://elmundobasedow.blogspot.com/
Un saludo y gracias.

Unknown

HOLA ROSA TENGO UNA PREGUNTA SE QUE NO PERTENECE A ESTE TEMA PERO NOSE DONDE HACERLA MI PREGUNTA ES LA SIGUIENTE:

RESULTA QUE BLOGGER TE DA 10 PAGINAS EN LAS CUALES PUEDES COLOCAR INFORMACION Y CADA PAGINA TIENE SU ENTRADA DE COMENTARIOS POR LO TANTO EN CADA PAGINA PUEDES COLOCAR INFORMACION DE UN SOLO TEMA PUES SI COLOCAS MAS TEMAS LA ENTRADA DE COMENTARIOS NO SERIA DE UN SOLO TEMA Y TODO SE ENREDARIA CON LO CUAL LLEGO A LA BRILLANTE :) CONCLUSION DE QUE SOLO PODRE INFORMAR SOBRE 10 TEMAS, ESPERO HABERME DEJADO ENTENDER.

AHORA MI PREGUNTA ES LA SIGUIENTE E VISTO QUE TU NOS PRESENTAS VARIOS POST LOS CUALES SON MUCHO MAS QUE SOLO 10 Y CADA POST TIENE SU PROPIA ENTRADA DE COMENTARIO, QUISIERA SABER COMO PUEDO SOLUCIONAR ESTE INCOVENIENTE INICIALMENTE LO QUE E HECHO ES CREAR OTRO BLOG PARA PODER CONTAR CON 10 PAGINAS MAS Y DIRECCIONARLOS HACIA DICHO BLOG PERO QUISIERA OTRA SOLUCION ROSITA MUCHAS GRACIAS POR TOMARTE TU TIEMPO EN AYUDARME GRACIAS.

Anónimo

Blincacequias En tu caso supongo sería en:
.header-outer {

Y digo supongo porque es una plantilla de las del nuevo diseñador y no he hecho ninguna prueba al respecto en ellas...

Anónimo

DUDSHANSi añades las nuevas páginas estáticas, así es, solo 10 páginas son las que podemos crear y solo un tema, por lógica en cada una.

Eso es así.

Ahora llego al "E VISTO QUE TU NOS PRESENTAS VARIOS POST LOS CUALES SON MUCHO MAS QUE SOLO 10" y ya me pierdo... no he añadido nada en mi blog donde esté usando más de 10 entradas en una estática... explícame eso un poco mejor...

Agaton

Gracias por la ayuda, pero no hay forma que se divida,esta es el diseño del blog, el #header { no aparece por ningun lado,agradeciendo su ayuda

Blogger Template Style
Name: Travel
Designer: Sookhee Lee
URL: www.plyfly.net

Anónimo

Julio C. Vega Sanchez Esto es para plantillas anteriores, para las del nuevo diseñador tendrías que seguir (como veo que ya has hecho) los pasos de Ciudad Blogger...

ivan

yo queria añadir el gadget a la izquierda o una sala de chat dentro de la cabecera esto se puede? digo que quede la cabecera a la derecha y el gadget a la izquierda.

Anónimo

ivanCambiando los float, donde dice right por left y viceversa.

ivan

ya lo hice y muchisimas gracias. pero ahora mi problema es uqe el de la derecha queda arriba de todo y el de la izquierda abajo y no los doi nivelado.
la imagen de la derecha esta subida en un gadget html para poder subir barias imagenes y que ballan cambiando al actualizar. ahora converti mi entrada en gadget y sigo teniendo el problema que queda uno arriva y otro abajo y ahora tengo dos gadgets y el mismo problema. te dejo mi blogg que veo que me hice un lio e igual no lo entendiste.
http://bloodangel-83.blogspot.com/

mushisimas gracias.

ivan

digo que me gustaria que quedase una cosa asi
http://i52.tinypic.com/25akbpz.jpg

ivan

si hace falta que pegue el header o alguna de mi code html admelo saber que estoi deseoso de inaugurar mi blog

muchisimas gracias.

Anónimo

ivan Eso ya es cosa de que tu ajustes el ancho o lo que sea... la imagen es mucho mayor, así que dale a esa parte un porcentaje mayor y reduce el otro... me es imposible ayudar a todos y cada no de forma más personalizada...

ivan

lo que me pasa es que la imagen esta muy arriba ya solucione lo de que se salia por la derecha pero ahora queda un margen impresionante una arriba y la otra abajo. vi barios blog como el mio pero que las imagenes estan alineadas. me hice con el codigo fuente de esas pero no usan el mismo que yo y me es imposible si sabes alguna forma de bajar o subir la otra imagen te estaria eternamente agradecido.
pido disculpas por tomar parte de tu tiempo con estas tonterias.

ivan

hola rosa ya lo descubri ya se como era llevo 3 horas buscando donde estaba el problema y porfin lo encontre dejo la solucion por si alguien tiene el mismo problema. en
Headings copias esto y barias el numero que en este caso pone -20 que dolor de cabeza para encontrarlo. no estoi tan familiarizado con el codigo como tu porfabor si ves que hice algo mal porfabor admelo saber
/* Headings
----------------------------------------------- */
h2 {
margin:-20em 0 .75em;
font:normal bold 106% Arial, sans-serif;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#808080;
}

JuanMaGomezS

Hola Rosa,

En primer lugar enhorabuena por tu blog, genial simplemente.

Decirte que estoy intentando dividir la cabecera en dos partes, pero cuando copio el código en el header-wrapper, me da error diciendome que hay que cerrar un div....asi que no consigo nada.

A ver si me puedes ayudar...mi blog es diariodeuninterinonopreferente.blogspot.com

Gracias de antemano y un saludo

Anónimo

ElJulian En el caso de tu plantilla, esto no sirve... pues su cabecera está diseñada en porcentajes y de tal manera que se adapte a las distintas resoluciones de pantalla...

JuanMaGomezS

Ok Rosa, gracias por mirarlo y decirmelo.

Otra cosa, como se puede poner el nombre de los autores de los comentarios asi grandes y en colores como lo tienes tu.

Un saludo

Anónimo

ElJulian Añadiendo en .comment-author { los parámetros de css que necesites, por ejemplo para mi tamaño sería: font-size: 19px;
Los colores son los delos propios enlaces del autor, ahí no he modificado nada...

Baloncesto Zonal

Hola Rosa felicidades por el Blog, es increible tus conocimientos y como los compartes. He divido la cabecera como explica y en el explores 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

Anónimo

Baloncesto Zonal Esto no es ra las plantillas del diseñador, tal como es tu caso.
Mira en esta entrada de Ciudad Blogger:
http://ciudadblogger.com/2010/08/dividir-la-cabecera-del-blog.html

Baloncesto Zonal

Ya habia probado con la receta que da para "el Para las plantillas hechas con el Diseñador de plantillas de Blogger" de echo me he dado cuenta que es el que tengo ahora (con tanto probar...) pero tampoco me funciona con el Firefox, chrome..., gracias de todas formas y felicidades de nuevo por el blog.

Anónimo

Baloncesto Zonal No estoy segura, pero pudiera esar influyendo como has "marcado" el CSS... has puesto algo así:
<!-- dividir cabeza1 -->
Y en el CSS no puede marcarse así el código, sino así:
/* dividir cabeza1 */
Nunca ha de usarse < y > esos símbolos solo pueden usarse en el HTML

Baloncesto Zonal

¡Perfecto!, tenias razón es increible que fuera algo tan secillo, queriamos sin gente como tu..., muchas gracias. :D ;)

Anónimo

Baloncesto Zonal Son cosas que a veces pensamos es una tontería y a ves... recuerda, nunca uses eso en el CSS :D

Enmiguel

Rosa, eh tratado de buscar el ultimo pedazo de codigo y lo unico que consigo es esto, me ayudas? http://paste2.org/p/1108236

Anónimo

Enmiguel Debes buscar el código SIN expandir las plantillas de artilugios.

Enmiguel

Muchas gracias rosa, me sirvio.

Anónimo

Estimada Rosa , necesito hacerte una consulta
estoy usando la plantilla Picture Window personalizando para un blog de mi novia,
http://somosbrujas-ropa.blogspot.com/

por lo que tu sitio me ha resultado de invaluable ayuda, quería consultarte si sabes como agregar en esta plantilla en particular, en Diseño => Elementos de página, una pestaña de "Anadir un Gadget" arriba Entradas del blog, pero con el mismo ancho de las entradas (no del ancho del blog completo (como la cabecera) conservando la cabecera y el gadget de paginas tal como viene..

es que deseo añadir allí una imagen con el texto de presentación del
blog y si la pongo como una entrada más, obviamente me aparece arriba la fecha y abajo todos los ítems tipo etiquetas etc..

desde ya muchísimas gracias
saludos
gustavo

Anónimo

Rosa olvide comentarte que trate de aplicar el metodo que figura en tu post "Mensaje de bienvenida sobre las entradas", lo habia usado en otro blog si problemas, pero al parecer en esta nueva plantilla no me esta funcionando, me tira un error al intentar salvarla,
nuevamente gracias
gustavo

Anónimo

Somos Brujas Ya veo lo has logrado...

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S