68

Imagen de cabecera (Opción en Blogger)

No os puedo decir si esta opción en Blogger lleva algún tiempo operativa...he de confesar que yo me he dado cuenta hoy por primera vez trabajando en un blog de pruebas.

Ya no es necesario "revolver" en el código de nuestra plantilla para colocar una imagen en la cabecera del blog. Blogger nos da esa opción en el diseño de plantilla, editar cabecera.

La imagen puede subirse al blog desde nuestro PC o desde internet. La forma de hacerlo es prácticamente la misma que cuando subimos una imagen a una de nuestras entradas. :-) :-)

Entradas Relacionadas:

68 comentarios:


alida

Una pregunta: yo puedo poner una imagen en mi cabecera ando en eso desde hace varios días:)
Saludos

Rosa

Alida, en la plantilla Harbor, que es la tuya he visto que también sale la opción para poner la imagen :D
Creo que la han puesto en todas....

alida

voy aunque la veo grande jejeje

gracias

Mareah

Sabes?, eso es nuevo, porque ayer mismo quise cambiar la imagen allí y esa opcion no estaba, hoy acabo de leeer tu mensaje entre y ahi esta.
Ya cambie jajaja.
Muchisimas gracias

alida

Mareah la mia no la trae buuuu bu (lloro) jejejeje
esas cajitas nada yo todo lo hago en el templente

Rosa

mareah, está chulo, pero da la sensación de que el "cuerpo" del blog se ha quedado como estrecho ¿no te gustaría ensancharlo a tamaño de la cabecera? Quedaría más estético y algún elemento de la sidebar no se vería fuera como ahora.
Si quieres yo te digo los cambios, es sencillo.;)

alida

Rosa, buenos días anoche conseguí poner le imagen.
1.-me sale el titulo abajo con la descripción o sea como fondo no se si me explico
Te dejo la imagen aquí (http://i65.photobucket.com/albums/h210/ala24/alida2-1.jpg)
2.- me sale montado sobre el post o sea sobre el nombre del post
Un abrazo

Mareah

Ahy!!! Rosa jajaja, eso se esta estrechando hace tiempo, pero no yo jaja.. solo el blog anda de dieta, claro que quisiera arreglarlo y engordar un poco, pero no vaya yo a más bien desaparecerlo.
Si puedes y cuentas con tiempo para ello, te lo agradeceria infinitamente.
Muchas gracias

EL ©UYO DEL MUNDO

Rosa: Tengo la opción de subir la imagen, de hecho lo hago bien pero al intentar ver el blog la imagen no aparece ¿tienes alguna idea qué puede pasar?
Saludos
Seba

Rosa

Mareah, alida, esta noche me pongo a lo vuestro...

Cuyo, he copiado tu plantilla, la he pegado en un blog de pruebas y no hay problema, a mi me sale, incluso he puesto una muy grande por si era eso el problema y se ve bien.
Igual fue cosa de Blogger en ese momento, vuelve a probar.

Gem@

Yo también he visto esa opción hace poco no creo que lleve más de una semana, esto es un gran adelanto por parte de Blogger.
Pero siempre hay un pero... hay que buscar ahora la forma para que esa imagen que añadimos como logo actualice la página a no ser que utilicemos ´´Inicio`` de las categorías o pongamos un botón para ese menester.
A quien le sirva de ayuda decirle que la imagen sale, pero si no tiene la medida se verá descentrada :(
Saludos cálidos Rosa y compañía en un día de primavera tormentosa :)

Rosa

Hola Mareah, te digo los cambios que has de hacer, usa la vista previa antes de guardar nada ¿ok?
Busca esto en el CSS de la plantilla:
/* Wrapper */

#outer-wrapper {
margin: 0 auto;
border: 0;
width: 692px;

cambia el 692 por 800.

Sigue hacia abajo hasta que veas esto:
#main {
width: 400px;
float: left;
cambia 400 por 520

Debajo de esto verás esto otro:
#sidebar {
width: 226px;
cambia 226 por 240

Mira como queda en vista previa y si te gusta guarda cambios.
¡Suerte!

Rosa

alida, he colocado tu imagen en un blog de pruebas con tu plantilla y a mi me sale bien.
Para retirar el título antiguo, una vez colocada la imagen, vuelves a la cabecera y pinchas editar, verás que salen dos nuevas opciones:
Behind title and description
Instead of title and description

Marcas la segunda y guardas y el título desaparece.
En cuanto a que se te monta sobre el nombre del post, a mi no me pasa, pero podrías probar si sucede haciendo un poco más estrecha la imagen.
¡Suerte!

Mareah

Uhy mi madre!!!, esto me llevará todo el fin de semana jajaja.
Muchisimas gracias Rosa, trataré.

Mareah

Listo, ya lo cambie, Muchas gracias Rosa

elperrunodigital

Gracias mil Rosa.Tu blog lo tendré de evangelio de bolsillo

kissu&padam

mosca me tiene la cabecera:
porqué en casi todos los exploradores, sale como es (fondo negro) y en IE aparece misteriosamente un borde de color violeta? es cosa de la plantilla?

kissu&padam

acabo de descubrir (gracias a otro post tuyo, el de iconos de navegación) que el borde que aparece en la imagen,que también me aparece en los iconos, corresponde a "enlace visitado"! cómo puedo quitarlo? alguien alguna idea?

como me alegro de usar opera... ademas el IE no me admitia png transparente.. q triste

erdon por ser tan pesada jeje, epro me tienes enganchada aqui modificando y modificando!!

Guillermo Delgado Gallo

hola soy nuevo en blog y estoy creand ouno tus post son muy buenos y ayudan mucho tengo una pregunta rosa como hago qeu la imagen que pongo como cabecera ocupe todo el ancho del blog asi como lo haces en este blog a mi me sobran espacios a los costados de la imagen, en que parte se varia el tamaño, gracias de antemano
guillermo

Rosa

Guillermo, no tienes el perfil habilitado, ni has dejado la dirección de tu blog...no en todas las plantillas son iguales las modificaciones...

Guillermo Delgado Gallo

ohh disculpa como decia antes soy completamente nuevo en esto no se como se habilita el perfil y bueno la direccion del blog es www.cristomisinaperu.blogspot.com, espero lo puedas ver y me puedas ayudar, gracias

Primertoque

Hola, decir q este pagina me sirve de mucha ayuda.
Tengo un problema con mi blog, depende con q navegador lo abra o depende del tamaño del monitor la imagen de la cabecera se me desplaza a la derecha.
Ademas no puedo cambiar la cabecera desde el panel de administracion del blog, nmo se que toqué que ahora no puedo, Gracias.

http://blogprimertoque.blogspot.com/

Rosa

Primertoque, he visto tu blog con distintos navegadores y veo en todos la cabecera perfectamente centrada.
Otra cosa es en distintas resoluciones...aunque eso no lo he podido comprobar, pero es lo normal, seguramente te pasará en resoluciones bajas (que ya pocos usan), con un blog de tres columnas es lo más lógico, para que no pasara tendríamos que hacer los blogs con un ancho máximo de 800 u 850, en pixeles, es difícil conseguir contentar a todos...

Si el problema con tu cabecera es que acceder a ella (esta oculta) prueba con las teclas de desplazamiento de tu teclado.
De todos modos tu cabecera es más pequeña que el resto del blog, y es lógico que en resoluciones menores se vaya a la derecha.

Primertoque

Muchas gracias por responder, ha sido rapidismo, jejeje.
Ok, voy a ver si puedo acceder a la cabecera, gracias por responder.

Asmahan Medinet

Hola Rosa!

Yo hace tiempo que quiero poner una foto...y nada. Me aparece la opción que comentas. Cargo la foto...pero en internet no se ve. ¿Será que tengo la template Harbor de 3 columnas?. Gracias

Rosa

Asmahan Medinet , la plantilla no debería influir para esto.
Tal vez es el tipo de imagen que intentas subir, a veces si es .gif, por ejemplo, parece que carga pero no se muestra...

María

help! mi cabecera no se ve, fffffff no se que hace, me podeis ayuda? marihippi@gmail.com

no se porque no se ve.. pero hay cosas escritas y sólo aparece la foto que puse.. por cierto,no se puede poner mas fotos? hablo de la página de blogspot.com

Rosa

María, no entiendo nada...el blog que veo en tu perfil no tiene foto en el header...:-X

Ama

BUENISIMOOOOOOOOOOOOOOOOO
ESTABA COMO LOCA MODIFICANDO CODIGOS PARA AGREGAR MI IMAGEN
MUCHISIMAS GRACIAS, SOS UNA GENIA...

Francisco Palacios

Será porque estoy de vacaciones, pero también por las elecciones americanas, que aún estoy despierto. Leyendo el 20minutos.es acabo de ver esto que seguro te alegrará:

http://www.20minutos.es/noticia/425952/0/peludo/perro/favores/

Un abrazo.

sexosensualmente

Rosa..encantada!

Normalmente puedo solucionar los problemas solo leyéndote.no esta vez
No puedo cargar la imagen en el header NO ES GIF..la plantila minima dark y seguramente toque algo en el código HTML que lo impide

http://sexxosensualmente.blogspot.com/

En mi segundo blog..con la misma plantilla..sale perfectamente

http://erosexosensualmente.blogspot.com/

Besotes...gracias desde ya por tu respuesta!
Paulette Sol

Rosa

Paulette, hasta donde yo puedo comprobar en tu plantilla online no veo nada que impida subir una imagen al header...
¿Te marca error o simplemente la sube y luego no la muestra?

¿Desde donde la subes, es decir, de que servicio usas la url?

CESAR R. KLINGER

ok muchas gracias. ahora si pude hacerlo

http://elmundosegunklinger.blogspot.com/

pucari

HOla, Rosa: un gran descubrimiento tu blog!
quería preguntarte cómo puedo agrandar la apariencia del blog, para que ocupe toda la pantalla. ¿Hay que cambiar la plantilla?

Gracias de antemano.El nombre de mi blog es aprendeparavivir.blogspot

Rosa

pucari No, no hay que cambiar de plantilla, solo trastear en el código un poco, aunque en el caso de la tuya es bastante más complicado ya que usa imagenes de fondo, en el main, header, sidebar y footer y al ensancharla habría que hacerle todas las imágenes nuevas al tamaño adecuado...

Ascesino96

Hola rosa, yo siempre pude subir imagenes a la cabecera, nunca tuve ningun problema, pero el otro dia meti la pata en algo, estaba intentando poner un gadget al lado del header, y ahora cuando intento subir una nueva imagen me aparece un error que dice please correct de form y no se que mas, bueno, presisaria tu ayuda y pliss respondeme lo antes posible!!!

Rosa

Ascesino96 Lo mejor que puedes hacer es deshacer los cambios que hiciste.

Ascesino96

se, ya prove eso y ni asi funciona
tengo una idea, primero presiso tu ayuda, prueva a ver si tu puedes, porque tal vez es un problema de blogger, luego, en otro blog mio pruevo, copio las partes del codigo en donde aparece el header y lo copio,!!!

Rosa

Ascesino96 Yo no puedo probar... estoy de vacaciones y solo tengo acceso al correo.

Betsabé

¡¡Rosa de los milagros!! xD

Llevo tiempo ya visitando tu blog, gracias a ti he podido aprender muchisísimo de todo este mundillo.

Como ya te has convertido en mi santa patrona, te dejo una mandita, a ver si puedes ayudarme:


El error está en el header

Usé códigos simples

No sé si con estas simples imágenes puedes alcanzar a notar, pero mi header no se ve completo y ya he agotado recursos por todo tu blog u.u

De antemano, muchas gracias ^^

Rosa

Betsabé Sin ver el blog la verdad es que me es más difícil... probemos a eliminar la línea de height en header-wrapper a ver...

#header-wrapper{
height: 170px;
width: 800px;
margin: 0 auto 40px;
border: 0 solid $bordercolor;
}

Betsabé

:O Rosa! gracias por tu rapidez!!

mmm... si, intenté eso tambien, inclusive intenté subir la imagen desde mi PC y nada =/
borré inclusive cookies u.u

para que veas la invitación, te envío la invitación al blog a tu correo (porque es un blog privado, ya verás por qué) y el xml

grax de nuevo!! =D

Betsabé

Rosa, Rosa lo logré!!! xD

joé mujer, me ha servido tanto tu blog para mis proyectitos que no sé qué hacer para agradecertelo... en serio, eres una master!!

besitos ^^

Policlínica Modelo

Hola, me parece que tu blog está super útil aparte de bonito, me gusta mucho tu cabecera y me encantaría que mi blog tuviera algo así, pero no sé como hacerla, ¿me puedes ayudar?
Gracias. gentemexico.blogspot.com

Rosa

Policlínica Modelo Aquí puedes verlo:
http://elescaparatederosa.blogspot.com/2009/05/header-con-ancho-total.html

Azul

Hola Rosa...

He intentado ampliar la fotografía de la cabecera, para que ocupara todo el ancho de la cabecera respecto al blog, pero soy incapaz. He estado toda la tarde mirándo tu blog para conseguir los código apropiados para ello, pero esta claro que hoy me esta costando que sea mi día, y eso que en un minuto hay tantos...
Ojala puedas echarme una mano. Gracias!!!!!

Rosa

Azul Tendría que ser una imagen que tuviese 900px de largo.

Universitaria de Hoy

Hola Rosa, siempre me ha parecido una forma muy fácil la tuya de explicarlo todo, me encanta como se ve tu blog.

Espero que puedas ver el mio y decirme donde encuentro información para corregir la imagen de la cabecera porque sale completamente del blog y quiero que esté centrada. Seguramente ya has escrito sobre eso, pero no lo encuentro y no he querido experimentar mucho porque quizá lo empeore todo.


Gracias Rosa... esperaré paciente tu respuesta mientras seguiré buscando algo que me ayude a solucionarlo.

Saludos!!!

Rosa

Universitaria de Hoy Reduce aquí, el 850px en width al menos a 500px a ver como queda...

#header-wrapper {
width:850px;
margin: 30px auto 0px;
padding-bottom: 25px;
border:0px solid #ffffff;
}

De todos modos nunca va a quedarte dentro de la imagen que has puesto en body de fondo, la rayas blcnco y negra, pues es muy estrecha esa imagen (la del body).

Universitaria de Hoy

Muchas gracias Rosa, lo que hice fue quitar la imagen de la cabecera y luego volvi a ponerla más abajo con un gadget.


Por lo menos ya no salen las barras de desplazamiento y esa imagen a la derecha...!!!

Gracias por la respuesta, de verdad por tu tiempo :)

Liliana

Hola Rosa gracias por tu ayuda. Yo tengo una pregunta sobre la cabecera. Yo quiero poder mover las imagenes de la cabecera con la flecha. Te explico: Tengo 5 imagenes que me gustaría tenerlas en la cabezera y que el usuario pueda mover la primera con la flecha en forma horizontal para luego ver la siguiente imagen, quiero que sea manual. Crees que me puedes ayudar? Gracias por tu tiempo,

Liliana

Rosa

LilianaPues mira... acabo de ver algo en Ciudad Blogger que quizá te sea de ayuda:
http://ciudadblogger.com/2010/05/arrastrar-imagenes-con-jquery.html

Liliana

Rosa gracias por contestarme, me parece muy noble de tu parte que saques de tu tiempo para dirigirte a personas que no conoces, personas como yo, estoy muy agradecida, gracias.
Yo miré el link que me mencionas pero habla sobre arrastrar las imagenes, es algo muy diferente a lo que yo quiero, si decides sacar un poco de tu tiempo éste es el link de un blog que tiene la cabecera exactamente como yo la quiero, yo he ido aprendiendo sobre el código HTML pero me falta mucho por recorrer, no sé como lograr esa tipo de cabecera, http://workawesome.com/ quiero agregarle una foto y al lado un texto y que los usuarios puedan moverlo manualmente con las flechas horizontales. Gracias nuevamente por tu ayuda.

Rosa

Liliana Ahora entendí... es un slide hecho con JQuery y no está incluido en la cabecera, en ese blog en realidad la cabecera la forman las imágenes superiores, el slide está incluido debajo del header... la verdad es que con JQuery no me he "metido" lo más mínimo, quien podría orientarte sobre esto sería Pizcos: http://humanossinsentido.blogspot.com/ el si domina el JQuery bastante...

Kiko

hola rosa. puedes pasarte por aqui y ver como puedo arreglar mi cabecera??? no soy capaz de hacerla mas grande!

http://kikopruebas.blogspot.com/

Rosa

Kiko Pues yo veo que ocupa todo el ancho del blog... :o

Kiko

si si rosa!!! ya lo he arreglao. Lo que hice fue utiliar el VSO y redimensionar la imagen hasta que cuadrara!!!

Gracias de todos modos!

PICOLVS

Hola Rosa a mi me sale la imagen que me tapa parte del primer Post y no me sale luego El nombre del blog y el coment..

Un saludo

Rosa

PICOLVS Tu plantilla no es original de Blogger, así que probablemente no esté diseñada para incluir una imagen en el header, o tendrá que ser muy estrecha...

PICOLVS

ok thx

blogmaster

Hola!! :)
Encantada de encontrar ayuda.
Quiero poner una foto en la cabecera pero me da que la plantilla que he elegido no me lo permite porque me sale totalmente desbordada en el diseño.
He intentado entonces ponerla como gadget encima de las entradas y me sale enana y además las entradas crean un espacio muy grande y salen más abajo.
¿Tendré que cambiar de plantilla?
www.pej2010.org

Rosa

blogmaster Pues yo creo que deberías reducir el tamaño la imagen un poco para colocarla en el header.

blogmaster

Hola!! :)
Ahora tengo en el blog una foto en la cabecera... esta desbosdada y no se ve entera. Si la reduzco de tamaño desaparece de la vista... no se sabe dónde está.
...y quería preguntarte dos cosas más: se puede quitar lo del enlace del twiter??? y las primera foto de la columna de los gadget si la mando encajar se me queda así de enana y si la doy los 150 px de ancho que me dice que es el máximo también...
qué puedo hacer???

blogmaster

Hola otra vez!!
Ya he conseguido el tamaño de la foto en el lateral pero sigo interesada en saber qué tamaño doy a mi foto de cabecera...
y necesito quitar lo de twiter... y cómo puedo centrar el reloj???
www.pej2010.com
GRACIAS!! :D

Rosa

blogmaster Son preguntas básicas de diseño, que me es imposible contestar a todos y cada uno... tendrás que a base de ensayo y error, como todos, ir tratando de controlar ese tipo de cosas...

Carla Kowalski

Hola Rosa, tengo un blog, toddavia sin entradas porque lo estoy armando, y lo que quiero es que quede como el tuyo, o sea como tu cabezera. Con el nombre a la izquierda y la imagen a la derecha. ¿Me ayudas???
MI blog es: http://lashistoriasdecarla.blogspot.com/

Carla Kowalski

Listo! Ya lo solucione con tu post "Dividir la cabecera del blog en las plantillas de Diseño"
Mira como quedó: http://lashistoriasdecarla.blogspot.com/

Rosa

Carla Kowalski ¡Bien! Justo ahí iba a enviarte yo. :D

Publicar un comentario en la entrada

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