Source: http://gemablog-.blogspot.com/2007/02/poner-una-imagen-en-la-cabecera.html
Timestamp: 2020-02-23 22:08:32+00:00

Document:
Poner una imagen en la cabecera eliminando el título y los bordes : Gem@ BLOG
Poner una imagen en la cabecera eliminando el título y los bordes
En esta entrada vamos a poner una imagen en la cabecera del blog eliminado el título y las líneas (borde) que lo envuelven.
Os recuerdo que las explicaciones son para la plantilla Minima aunque para plantillas puede servir de orientación.
Nos situamos en Plantilla/Edición HTML/ Expandir plantilla de artilugios.
Una vez allí donde dice:
Cambia el valor border:1px de header-wrapper a border:0px y el de header también a border: 0px
(Lo anterior hace que el borde donde aparece el título desaparezca)
Más abajo a continuacion de: <div id='outer-wrapper'><div id='wrap2'> añadimos lo siguiente:
<a href='aquí-la-url-de-tu-blog '>
<img border='0' height='190' src='aquí-la-url-de-tu-imagen'
width='670'/></a>
(Con este cambio añadimos la imagen que hace enlace con nuestro blog de manera que al clicar en ella actualiza la página)
Por último debes buscar esta parte del código:
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)'
Eliminaremos los dos códigos <data:title/> guardamos los cambios y listo.
(Al eliminar <data:title/> estamos eliminando el título)
Y eso es todo espero te resulte.
Genial, buscaba hacer esto desde hace tiempo. En cuanto tenga tiempo me curraré una imagen y listo ^^
Muchas gracias Gem@, saludos!
Manos a la obra Efecinco ;)
Lo primero es preguntarte si este tutorial sirve para la version nueva de blogger o solo para la beta.
Y lo lo segundo es que si te gusto lo de MUNDOFOTOS, puedes pasarte por mi blog y mirar lo que he encontrado y que he hecho un tutorial. Se trata de un album de fotos con PHOTOBUCKET, no se si lo conoceras. Por si no lo conoces aqui te dejo el enlace para que le heches un vistazo al tutorial que puse en mi blog. Creo que para tus visitantes puede ser muy util.
NUEVO ALBUM DE FOTOS CON PHOTOBUCKET EN EL BLOG PARA BLOGGER Y LIVE.SPACES
Un saludo de MAKEA´S QUE SE PARE EL MUNDO QUE YO ME BAJO version BLOGGER
Saludarte y comentarte que el otro blog empiezo a darle más brio, dejando un poco paradillo el que tú más conoces, el nuevo es
www.diarioemocional1.blogspot.com
Hola Gem@. Soy nueva en esto de los blogs. He de decirte que me ha servido de muchííísima ayuda entrar en tu blog. Eliminar barras divisorias y bordes, calendarios, postit, ...; Uf, y lo que me queda por leerte que seguro que será tan bueno y útil como lo que hasta ahora llevo leído. Muchas gracias por tu magnífico blog y por tus aportaciones. Un saludo! :-)
gemaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa no puedoooo poner la imagen logre borrar las lineas y el titulo del blog pero no puedo hacer que la imgen de cabezara aparesca
en la plantilla me parece con letreas rojas una indicacion que dice algo de que el div deve terminar con .. nbo se cosaaaaaaaaa ayudaaaaaaaaameeeeeeee
por faaaaaaaaaa
Hola Makea´s gracias gracias y muchas gracias por tanto detalle, y si, las explicaciones de esta entrada son para el nuevo Blogger, todo lo relacionado con el nuevo (ya no tan nuevo) Blogger va en la categoría de trucos beta ;)
Gracias Aiguamel, así podré enlazar este último blog, te haré una visita ¡prepara el café ¡
Bienvenida y muchas gracias Ondina regresa cuando gustes...
Ivan no pierdas los nervios jajaja me haces que me ria te imagino al borde de un ataque de nervios,
Busca esta parte de código en tu blog.
Y añade esta después:
<a href='http://1vida1000historias.blogspot.com/ '>
Debes poner la url de tu imagen en ese código y mira si lo pegaste correctamente, quiero decir sin omitir nada.
Hola Gema, me estoy trastornando intentando aplicar este truco, o encuentro los codigos que mencionas por ninguna parte!!! necesito hacer un titulo con una foto y abajo un menu horizontal, esto ya lo hice (como el tuyo) pero la plantilla no permite mas de dos elementos horizontales, no sé como hacer...ayuda please!!!
puede ser que en mi plantilla no salgan esos codigos?, he revisado miles de veces...
www.hijasblog.blogspot.com
Hola Autor, claro que puede ser que en tu plantilla no salga igual porque todas las plantilla no son iguales, y además dependiendo si usas una plantilla nueva de Bloger o una antigua es la forma de añadir y buscar un código.
De todas formas veo que tienes puesta una imagen ¿Que ha pasado con el título?
Yo te recomendaría que puesto que solo tienes añadido el Geovisite y los botones de las categorías descargaras de nuevo la plantilla.
De esa forma debe de salir el título del blog y luego puedes ir añadiendo la imagen del banner y las categorías.
Estimada, trato de cambiar mi título por uno que yo hice, pero me es imposible, en ningun lugar de mi plantilla figuran los terminos de HTML : < div ... ni nada parecido... te dejo mi blog para que te fijes si es la plantilla el problema.
Hola Luiso, en primer lugar bienvenido, yo si veo que tengas <div id='outer-wrapper'><div id='wrap2'> dos líneas más abajo de <body>
Lo que veo también es que con Firefox la sidebar está desplazada, debes usar otro navegador porque no te diste cuenta.
nada, lo he intendado de las dos maneras que has dicho y no me lo acepta; el pirmer código que tienes en el otro post tampoco`, tras el "background" yo lo que tengo es esto otro, un símbolo parecido al del dólar+bgcolor
Gema, he provado con con esto que leí aquí http://elblogdelosblogs.blogspot.com/search/label/Trucos
haciéndolo si me sale la imagen, pero muuuuuuuuuuuuuuu pequeña
Te dejo dire, la ves y me dices: http://probandoplantas.blogspot.com/
Esa es la forma más sencilla de aplicar una imagen en la cabecera pero no te actualiza la página probadora, ahora bien si te resulta adelante.
No es que la vea pequeña es que no la veo :( yo de tí... la subiría a otro servidor como http://www.imageshack.us/ por ejemplo.
hola de nuevo gem@:
Quiero poner una imagen de cabecera en mi blog eCulinariae pero no encuentro en la plantilla los codigos que hay que modificar.
Es extraño porque, como ya sabes, esto no me pasó con mi otro blog, Cogito ergo scribere, en el cual puse la imagen de cabecera sin problemas pero en el de cocina es imposible.
Si puedieras ayudarme te estaria muy agradecido.
Hola, Gema! Gracias por compartirnos tus conocimientos. Acabo de abrir un blog de literatura y le hice un logo. Sin embargo, cuando hago lo que me indicas en html no me lo acepta. ¿Hay otra forma de hacerlo? ¿Qué será lo que ocurre? Gracias de nuevo!
http://texpo.blogspot.com
Hola JmpaSrgc intentalo con estas explicaciones:
Imagen-Logo que actualiza...
O simplemente situandote en la plantilla donde dice #header { y sustituyendo la url de rounders/corners_cap_top.gif por la de tu imagen del banner.
Si no lo consigues házmelo saber yo he probado con esa plantilla y resulta ;)
Hola Jesús bienvenido, creo que llego tarde para ayudarte te hice una visita y veo que tienes una imagen en la cabecera del blog.
¿Es eso lo que deseabas añadir o deseas modificar esa imagen?
Hola, Gem@. Gracias por visitar mi texpo y por tu comentario. Ojalá te guste alguno de los textos posteados. Mira, el logo que ves es viejo. Ya tengo uno que incluye el nombre del blog, pero no he podido incluirlo (mi idea es que la cabeza sea remplazada por mi logo, y aunque seguí tus instrucciones paso a paso y varias veces, no pude lograrlo).
Juuueeeee Gem@!!!
Que me ha costáo poner el logo!! Al final lo he hecho "casi" como tu dijiste pero ma aparecía la imagen un poco cortada (de 8px de alto!! jeje) pero haciendo unos retoques en la plantilla (un poco acojonáo si que estaba, la verdá) pues al final me salió bien :D
Si quieres mira el resultado
P.D.: En mi blog ¿Y qué digo hoy? he cambiado el fondo gracias a una plantilla de Narko y he puesto un enlace a su blog y al tuyo al pie de la pagina principal donde dice "Blog powered by:".
Espero que no os importe porque gracias a vosotros estoy poniedo mis blogs "un taco chulos" (como diria mi hermano el hippie :P
Hola, gem@... sólo quería darte la dirección de la imagen que quiero subir (verás que es distinta a la que actualmente tengo, y que además no es un hipervínculo): se trata de http://picasaweb.google.es/jesuslopezm/Jesus/photo#5049246562305393762
Hola Jesús, he querido aplicar tu plantilla a mi blog para insertar la imagen/logo pero tienes el perfil inhabilitado y no puedo ver la plantilla que usas, dime como se llama que me pongo manos a la obra :)
Ya está ya puedo verla, dame media hora y te contesto aquí mismo o a tu mail :)
Hola de nuevo Jesus, he aplicado el logo con tu imagen pero no queda como me gustaría, esa plantilla no deja demasiado espacio en el header para aplicar nada, de todas formas mira el efecto, si te gusta y decides hacerlo así házmelo saber o contesta este comentario para que pueda utilizar ese blog con otras plantillas:)
JmpaSrgc te felicito ¡¡¡
Ha quedado estupendo el banner y te he dejado un comentario donde las torrijas;)
La plantilla queda fantástica, estoy contenta de verdad, cuando algo os sale bien la alegría se transmite.
Gracias por venir a darme la noticia, se agradece mucho.
Quiero sacar tiempo y añadir un montón de blogs a mis enlaces amigos entre ellos los tuyos ;)
Ah¡ y claro que no me importa me enlaces al contrario, se agradece...
Bueno, bueno, vaya tarde de cambios que llevo. Esto es una locura!!!
He cambiado el banner logo de ¿Y qué digo hoy? (aunque no me gusta mucho como me quedo es mejor que el titulo a pelo), le he añadido iconos para pasar a las entradas antiguas, nuevas e inicio (tambien lo hice en mi blog eCulinariae) y algo mas hice pero no recuerdo, jaja.
Gem@, si no fuera por ti no los tendría "tan" bonitos. Y gracias por visitarlos ;)
Llevas razón, sin logo me gusta más, no sé queda como más elegante, la verdad que esa plantilla e spreciosa, será porque el azul es mi favorito;)
La plantilla del eCulinariae me lleva de cabeza por decirlo de alguna forma, ese sobrante de la parte baja del logo no debería estarahí :(
Pero me alegra que estés contento, yo no recuerdo haberte dicho como hacerlo jajajaja lo hiciste tú solito ;)
Tu opinion de experta me basta: hoy mismo quito el logo de ¿Y qué digo hoy? porque a mi no me gusta. Y por cierto, el azul tambien es mi favorito.
Respecto al logo de eCulinariae, en mi navegador no veo ese espacio que dices debajo del logo. Yo uso IE6, no se si tendrá algo que ver. y lo hice solito pero con tu desinteresada pero continua ayuda y tus pistas.
Pues llevas razón, con IE no se ve ese espacio :( lo que ocurre es que auqnue tengo los dos navegadores uso siempre Firefox.
Mira lo que te decía:
visionado con Firefox
parece ke amuchos les sirvio eso ami no me resutlo esa vaina me kedo grande puta madre realmente me saco canas como dicen por hay algo tan sencillo
Hola a todos soy muy muy nuevo en esto pero no consigo cambiar mi titulo por una imagen, querría ponerle una imagen en la que se leiese el titulo con más gracia, pero bueno me da error la plantilla.
Gem@ gracias por todods tus consejtos, aun así para empezar con mi blog me estoy estancando en esto, te paso mi URL a ver si se puede poner una imagen de cabecera...
http://gamespain.blogspot.com/
Veras que aun esta en blanco XD
La vida es tan corta... ¿Por qué no pruebas a de distinta forma ?
De esta forma sería posible.
Anónimo tu plantilla es como la mía cualquier forma de las explicadas en la categoría trucos blogger es válida.
Gracias por la contestación Gem@, soy el anonimo de antes... lo he provado tres veces y siempre me pone esto: Mensaje de error de XML: The element type "div" must be terminated by the matching end-tag
Prueba a poner una entrada, puede ser debido a que no has añadido ninguna entrada todavía.
Nada no te preocupes sigue sin funcionar...
:( Ya me pondré a investigar yo, he conseguido algo por este metodo: http://gemablog-.blogspot.com/2007/01/ttulo-en-blogger-beta.html
Pero hay un problema para realizar la cabecera usé como medidas la tuya, por tener referencia de anchura y ahora mi blog corta la imagen, podrías decirme donde edito el parametro que hace más ancha las proporciones del blog?
Por si quereis curiosear la imagen es esta: http://img464.imageshack.us/img464/9199/blogma2.png
Cómo no voy a preocuparme? no puedes dejar tu blog sin logo si te hace ilusión tenerlo.
Muchas Muchas Muchas gracias... conseguido, no se muy bien como pero ya está, gracias por todo...
Dos Cosas quizas más avanzadas:
1. Se puede poner la abecera centrada, o vale la pena reducirle el ancho a 600?
2. Puede cambiar la imagen en cada actualización de la pagina, es decir yo subo 5/6 imagenes de cabecer y que aparezcan una detras de otra en cada F5, eso ya es mucho más dificil verdad?
Gem@ muchas gracias por todo, me parece que para confecionar mi blog cogeré el tuyo como biblia
Sale un poco hacia la derecha ummm pero tiene arreglo, busca en el código y disminuye el ancho tal como dices, ve mirando en vista previa hasta quedar más centrado, juega con las medidas es lo bueno de este código que le das el tamaño a tu gusto;)
Para que la imagen vaya cambiando cada vez que se actualiza la página es necesario un Scrip, puede hacerse ;)y sé de alguien que lo tiene adaptado a su blog.
Intentaré informarte a la mayor brevedad posible pero no te prometo que sea hoy :(
Muchas gracias por todo, revisaré lo del scrip aver que tal pero apartir de ahora intentaré tirar por mi mismo y usando tu blog para informarme.
Estoy segura que te va a gustar darle a tu blog un aire acorde con lo que deseas postear, y buscarás mil maneras de hacerlo más atractivo:)
Tengo lo del logo en mente, a decir verdad ese Script lo tengo en la categoría de logos, pero aplicado a una plantilla de las antiguas de Blogger, tengo que investigar :)
Hola Gem@, nuevo en este mundo del blog, llevo desesperado desde la creación del mio intentanto poner una foto como cabecera que substituyera el título y definitivamente soy un inútil total !!! aun siguiendo tus instrucciones.
Por cierto es posible eliminar esas "rayitas" que me separan las "etiquetes, las entrades, ...".
Un abrazo y té seguiré con muchisimo interes. Alfred (www.miralei.blogspot.com).
Hola A.Suarez bienvenido.
No me dices que plantilla usas, ni si la que usas es clásica o de las conocidas como nuevo Blogger o... beta :( (No he podido acceder a ti blog para verlo)
De todas formas te diré que Blogger ha añadido una mejora, se trata de añadir la imagen con el mismo sistema que añadimos los artilugios la podrás ver si te sitúas en Plantilla en la parte superior hay una pestaña que dice (cabecera)
La medida ideal de la imagen es de 600x150 puedes ir mirando en vista previa.
Sobre las líneas hice una entrada que explica como eliminar algunas de ellas, si no encuentras la solución házmelo saber y intentaremos arreglarlo ;)
Gracias por el consejo de la imagen que ya he aplicado pues la nueva versión de "Blogger" permite la opción de utilizar una imagen como cabecera.
También he utilizado el consejo para eliminar las "rayitas" de mi blog.
Como ya dije te seguiré con interés y a buen seguro aprendiendo, lo tuyo no tiene precio.
Alfred (www.miralei.blogspot.com).
Hola Gem@, hice lo que indicaste y efectivamente el título del blog desapareció, ahora mi duda es como subir la imagen de la cabecera al tope de la pagina, ya que en mi blog:
http://musipher.blogspot.com
aparece un espacio en balnco antes de la imagen del header y quiero que no se vea. Te agradezco de antemano por todos tus consejos y trucos ya que han sido de muchisima ayuda para mi blog!
Ese espacio es el que ocupa la barra de Blogger que la tienes invisible Fernanda :)
Aquí hay una posible solución ...
Pero realmente no quiero sustituir el título por una imagen.
Basta por hoy ....
Gem@, gracias por la ayuda que brindas y el tiempo que nos dedicas.
Cada vez que te visito, aprendo.
Estoy con un ataque de nervios que no puedo más. Llevo 2 horas intentando hacer esto del banner y no lo consigo. Suerte de ti... gracias por tus consejos. Pero aunque lo intento no consigo poner un banner que me he creado con un programa que me he bajado. Hago tus pasos pero cuando llego a la url de tu imagen, no sé como hacerlo. He puesto el flash en photobucket pero no funciona a la hora de poner la url que me da el photobucket. Estoy despesperada... No sé como hacerlo! Ayudame please... Gracias!!
No sé qué he hecho que me he cargado el título que tenía... No sé cómo arreglar-lo... A ver si pasándote por mi blog puedes ayudarme. Ahora me tengo que ir y estoy muy intranquila porque me ha quedado una chapuza de blog. Ojalá puedas ayudarmeeeee...
Hola Betty: No pierdas los nervios, hay muchas formas de añadir un banner o logo, la más sencilla es esta, prueba y me dices que tal te resulta ;)
Jejo mira aquíiiii
Hola Gema, aquí escribiéndote porque desde hace unos días he estado intentando ponerle una imagen a mi cabecera y no puedo, juro y perjuro que he hecho todo lo que mencionas, pero nada, no se si puedas ayudarme quiero poner esta imagen:
http://www.ndesign-studio.com/file/wallpapers/abstract-virus1024x768.jpg
y aunque no he encontrado exactamente los codigos que indicas hay unos parecidos en mi pagina y le he movido y removido pero aun nada podrias checar tambien mi palntilla a ver si es ahi el problema?
la plantilla es THISAWAY (ROSE) de las que maneja blogger
Cualquier cosa yo estare revisando tu pagina y lo que me ordenes, un beso!
Hola nEnA hErMoSa es normal que no puedas ponerla espero explicarme bien.
La imagen que me adjuntas puedes verla en qué consiste poniendo encima de ella el ratón y pulsando el botón derecho y llegas a ver imagen de fondo (esta es en realidad la imagen) Una imagen de tamaño 1024x768. Por eso no puedes añadirla es un fondo para página web.
El tamaño que tiene tu imagen actual es de 640x120.
Debes buscar una imagen con ese tamaño o adecuar una que te guste a esas medidas.
La forma más sencilla de añadir el logo a tu blog la encontrarás aquí.(es una de las últimas mejoras que ha incorporado Blogger)
Si te quedan duas házmelo saber ;)
Hola Gema, he visto que me has incluido entre tus amigos y te lo agardezco tú hace tiempo que estás en mi blog porque además te necesitooooooo...jajaja, lo cierto es que echo mano de tus consejos a diarios y estoy aprendiendo muchisimo.
Ahora estoy con un blog colectivo de antiguos amigos, podrías hablar un poco sobre ello te parece?
Hola Susana, espero la dirección de ese blog ;)
Perdón Gema, la verdad es que se me olvidó ponerte la dirección del nuevo blog, bueno lo cierto es que me he enviciado en este "arte" y me encanta aprender y creae cosas nuevas asi es que ando con dos o tres blogs a la vez.
La dirección del que te hablaba antes colectivo es
http://entrelineas-sib.blogspot.com/
si lo visitas te podrás hacer una idea de lo que queremos hacer con él participar todos para volver a reunirnos. Una utopia??
Hola Susana por lo pronto ya está añadido ese blog a mi listado de amig@s ;)
Gema y si quiero solamente quitar eltexto del título pero no la imagen?
www.kitesurfingislacristina.es
Prueba de esta forma Enkarrujo ;)
Enkarrujo puedes añadir el título tranquilamente para que aparezca en el perfil (he visto que dejaste un punto)
Cuando lo elimines ya no será visible en el blog pero si en el perfil.
Tengo un problema a la hora de eliminar el título para poder poner la imagen. La plantilla que escogí fue la Thisaway, y los códigos no coinciden con tu explicación. He intentado tocar y eliminar códigos, pero no consigo eliminar el título. Uso el Blogger Beta que ya no es Beta.
www.blogdepruebasxiii.blogspot.com
No toques ni elimines nada MascaradaXIII, posterior a esa entrada hay otra donde Blogger añadió una nueva (ya no tan nueva) opción para añadir el logo y suprimir el título con un clic-
Soy bastante nueva en este tema del blog pero tu página me ha servido de mucho. Sobre todo en el tema de cambiar el título del blog por una imagen. ¡Estaba a punto de tirar la toalla!
Hola Rosa Mari bienvenida.
Me alegra que te fuera útil la entrada ;)
HOLA GEM.
HABER SI PUEDES AYUDARME . INTENTO ELIMINAR LA IMAGEN DE CAVECERA Y NO SE DEJA SIGUE SALIENDO. ALGUN CONSEJIYO. UN SALUDO GRACIAS
Para eliminarla debes hacerlo de la misma forma que la añadiste, quiero decir que si lo hiciste en el elemento de página que proporciona Blogger deberás eliminarla en el mismo lugar.
.tochon
ESO HAGO PERO NO DEJA ELIMINAR. CONOCES ALGUNA OTRA FORMA. GRACIAS
¿Has probado a subir una imagen sin eliminar esa?
he provao de todas las formas y no hay manera de eliminarla. ahora no se ke les pasa a los blogs ke en crear no sale las opciones de subir imagenes, cambiar color tamaño de texto , etc...video
NEL no he podido visitar tu página, y me hace pensar quizás esté equivocada que estés usando una plantilla adptada y no original de Blogger.
Algunas plantillas adaptadas no tienen la función de añadir imagen a la cabecera mediante un elemento de página así como tampoco la función de escoger colores.
Buenas tardes Gema, a ver si me puedes ayudar un poco, he seguido estos pasos y he notado que el blog me tarda bastante en cargar, puede ser debido al peso de la imagen?, de paso te presento a mi nuevo blog por si quieres darle un vistazo.
Y como suelo decirte, gracias por estar ahi!
Me he puesto una cabecera aleatoria en el blog, y quería saber si sería posible convertirla en un link, de manera que cuando clicara sobre ella me direccionara al mismo blog. Cuando la cabecera es sólo una imagen es fácil, pero en el caso de la aleatoria no tengo ni la más remota idea de hacerlo!
P.D: Te dejo mi página:
http://mascaradaenpruebas.blogspot.com/
MidNighT - FantaSsY
Hola, que tal, espero que bien.
necesito una mano en una parte de mi blog, me gustaria incrustar un buscador dentro de la cabecera, al igual que otras plantillas.
yo estoy trabajando con una plantilla Minima.
y bueno, tambien como disminuir la distancia entre la cabecera y el resto del blog (parte de abajo).
Laura G Carreon
Tanto tiempo con el mismo tema, pero pues estamos algunas que apenas comenzamos.
He leido y vuelto a leer y sigo todos los pasos, pero no me sale el poner la imagen, cada vez se me borra algo más. Este es la dirección de mi blog,
http://arquitectura1297.blogspot.com/
y esta es la imagen que quiero poner el el titulo
http://i38.photobucket.com/albums/e138/lgcarreon/Vancouver9807.jpg
Si pudieras decirme que estoy haciendo mal, te lo agradecere en el alma.
Sorry, el segundo enlace a mi blog creo que lo he escrito malKijikis
Buenooo, parece que se evaporó mi comentario, anterior.
Te decía que me nutro de tus códigos anónimamente, pero hoy doy la cara por tres cuestiones.
1.- Porque he conseguido poner una imagen en uno de los dos header de mis plantillas Outdoor, sustituyendo el título. Gracias, muchas gracias, Sta Gema de la Tecla.
2.- No consigo justificar las imágenes de la cabecera. Y esto ya me desborda.
3.- Para pedirte que me orientes. Por favor.
Los blogs problemáticos:
(Mira el footer de Kijiki, comprenderás lo de Sta Tecla).
Siento no ver estos comentarios antes, si alguno sigue con problemas que se ponga en contacto o me deje otro comentario ;)
kijiki tu plantilla es adaptada (no es original de Blogger) dime en concreto cómo deseas ubicar la imagen y mándame la plantilla ;)
Muchas gracias Gema, te envío la plantilla por correo.
SAludos Gema, mira resulta que quiero subir una cabecera y he usado tu método. He subido un recuadro negro probando como quedaria la cabecera original, pero haciendo todo lo que indicas se me queda un espacio entre la cabecera y el resto de contenido y me gustaria saber que me falta por hacer.
Este es mi blog: http://lasevillacofrade.blogspot.com
Me gustaria tambien si sabes cual seria la anchura ideal para que la cabecera sea del mismo ancho que la tabla de contenidos. Gracias
kijiki me añadí tu plantilla a mi blog, pero ahora que me fijo en tu blog lo veo todo en su sitio :O
David lo primero hay que darle a la cabecera la misma media que al contenido, para ello ve a :
y aumentas el ancho a width: 950px; también puedes añadir debajo text-align:center; eso centrará la imagen. ;)
Jiji, Gema, que más quisiera yo tener todo en su sitio.
Disculpa, pasé varios veces por este post y al no ver contestación me lié a retocar.
Aparentemente, he conseguido que la parte visible del blog esté decente, pero en el panel interior "Diseño" me han desaparecido artilugios.
La causa, dar más espacio a la Cabecera, header y header-wrapper.
De momento lo soluciono con html.
:) muy útil ...
Me alegra que te guste anónimo :)
Hola querida Gem@, espero que te encuentres bien.
Te traigo una iquietud. A medida que vamos aprendiendo nos crecen valentías y vamos por más. Ahora necesito saber si se puede hacer, gracias a la belleza del flash, una simple presentación de blog, -como inicio- como sucede en algunas páginas del mismo lenguaje. Supongo que el injerto no ha de ser nada sencillo. Desde ya, muchas gracias por tu ayuda y tu consideración.
Marcelo, desde Bs. As.
Saludos Marcelo Meza, en realidad sobre flash entiendo bien poco por no decir nada.
En realidad en Blogger no disponemos más que de una página, para crear una página de inicio como esas que vemos con un efecto fantástico en flash y que esta nos lleve de alguna forma al blog principal es necesario crear un segundo blog para esa página.
El método es sencillo, creamos un blog y eliminamos todo el código que no será útil de esa forma que dará una página diáfana donde añadiremos ese efecto con algun enlace que nos llevará al blog principal.
Parecerá una misma página, la única diferencia será la url.
Desconozco si hay alguna otra forma de hacerlo :(
verás, he intentado poner una imagen (http://img522.imageshack.us/my.php?image=cabecerablog.png) en la cabecera de mi blog ( http://almadeniquel.blogspot.com/ )
pero me sale que: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente"
lo he probado todo...y ya no se que hacer...
besitos y gracias por adelantado!
Aesahaettr Manek siento tardar tanto en contestar...No sale porque estás enlazando la página donde se encuentra la imagen y debe ser la url direcata de la imagen.
http://img522.imageshack.us/img522/7884/cabecerablog.png
oooh mil gracias!! -^^-
ya me sale, gracias de nuevo!! fantastico este blog!
yz Para que una url cause efecto debemos añadir la url directa, la mejor opción es hacer click sobre la imagen y copiar la url de la barra del navegador.
Cuando subimos una imagen en Imageshack.us en la página principal nos proporciona varias url debemos escoger la que dice "Direct link to image" ;)
Cada loco con su tema, Gema...el mío hoy por hoy son las dimensiones de las imágenes de todo tipo, es que soy intuitiva, no estudiosa como tú, pero parece que el magín está agotado para mí, se me ocurre poco...
En mi blog Despejado y Cálido puse al final, para no rabiar más con el tamaño de las imágenes recortadas y no ampliables que me dejaba Blogger, cambié al aplantilla Mínima Stretch y anda mejor la cosa, pero no a mi gusto, pero en fin....
El punto es que he cambiado mi cabecera con los medios automáticos de Blogger, pero....la "ajusta" hasta los 718 píxeles de ancho; por eso es que mi amiga que tiene esta plantilla tampoco logró dejarla de todo el ancho de la cabecera y yo tampoco.Si no le pones "reducir hasta ajustar" se sale por el lado derecho. ¿Qué se te ocurre de arreglar para que en la cabecera no limite los pixeles sólo hasta 718 y podamos verla como queremos?
Besos y mi gratitud
yz AleMamá te he enviado respuesta al correo que aparece en tu perfil, ya me dices cualquier cosa ;)
No te mueras nunca. Besos
yz AleMamá no entra en mis planes :) pero es algo de lo que nadie se escapa.
Gracias por el significado de esa frase ;)
Hola Gem@ :)
La verdad no sabía donde exponer mi duda pero creo que este post está relacionado con ella. Mira, en mi blog (mundoeddix.blogspot.com) quiero poner una imagen en la cabecera, específicamente en la parte superior izquierda, pero el problema es que si utilizo el widget para poner imagen en la cabecera, toda esta parte se va para abajo:
[HOME POST RSS COMMENTS RSS ABOUT]
Ya utilicé las opciones de ajustar, poner imagen en lugar del título y la de poner imagen detrás del título pero ninguna me funciona, entonces quisiera saber si tu sabes algún método que pueda utilizar para poner una imagen en la forma que lo necesito;la imagen ya la tengo y es más como el título del blog pero en forma de imagen, a su vez necesito que esa imagen posea el link de mi blog.
Espero que me puedas ayudar con este problema ;) pero sé que seguramente así será :D
yz Hola Eddie mira aquí creo que te servirá.
(No olvides mirar en vista previa antes de guardar los cambios)
Gracias Gem@ pero en mi plantilla no viene esto:
En lugar de eso viene esto:
background:url(http://4.bp.blogspot.com/_0CLPmP1ydOo/SXa4hYmGT9I/AAAAAAAAAIM/vitlivFcD0U/s1600/header_foot.jpg) no-repeat left bottom;
padding-left:87px;
¿Qué podría hacer? :S
yz Eddie es lo mismo, sólo que yo pese unos estilos como ejemplo que son los que casi todas las plantillas traen, si no tienes el borde para eliminarlo pues un paso más que tenemos realizado :)
Ahhh ok, lo acabo de hacer y si funcionó :) sólo que mejor decidí optar por poner sólo el título del blog ya que la imagen hacía que la plantilla en la parte de arriba se moviera de fea forma :S
Supongo que modificando algunos valores respecto al tamaño se arreglaría pero prefiero dejarlo tal y como está ;)
Gracias por la ayuda Gem@!
yz Así es Eddie co css se arreglaría, pero si te gusta como está todos contentos :)
Primero agradecerte cada una de las entradas que tienes aquí pues son muy utiles y el tiempo que dedicas no tiene precio.
Segundo comentarte que tengo un pequeño problema que me trae de cabeza he hecho esto y me sale el logo del grupo pero solo con mozilla y no con el explorer, si pudieras ayudarme... te lo agradecería enormemente.
yz Hola Piel a Piel, intenta añadir más espacio en el contenedor del logo, busca #header-wrapper y donde dice width:660px; sustitúyelo por width:870px;
Si no se soluciona con eso házmelo saber ;)
Muchas gracias por contestarme Gema.
He hecho el cambio que me indicas pero no he conseguido arreglarlo... :S
yz Yo lo veo perfecto con Firefox :O
¿Tienes la versión actualizada?
Disculpa Gema, pero es con el explorer con el q no se ve nada, sale un cuadrado con una x. Es con el internet explorer.
yz Ya lo veo piel a piel ¿Cúantos banner añadiste?
A mi me sale que tienes uno azul y uno naranja :0
Banner? mmmh creo q no añadí ninguno... :S. pero si dices q tenemos dos... habrá dos... no lo sé Gema.
yz Mándame la plantilla y te digo algo ;)
Gema te mande la plantilla.. la viste?
yz La tengo añadida en un blog Piel a Piel mañana sin falta te digo algo ;)
Hola Gema gusto de saludarte, nesecito poner una imagen deportiva a mi cabecera, pero que tenga el ancho total de la cabecera dime por favor como tengo que hacerlo ?? Gracias. Saludos.
Está muy bien... Pero a mí no me funciona! Gracias de todos modos ;)
:: Angie en la actualidad eso lo puedes hacer de forma mucho más encilla. En plantilla de diseño subes la imagen en el gadget de cabecera y ahí mismo marcas la opción para que el título se sitúe detrás de la imagen. Los bordes los puedes eliminar en los estilos que encontrarás en la plantilla, por ejemplo si tratas de eliminar los bordes en tu blog "Saga Crepúsculo" buscas:
Donde dice border: 1px lo cambias a border: 0px ;)
Colombia en Derecho
Otra vez yo, solo para preguntar. Lo hago en ésta entrada porque el tema puede estar relacionado.
Imagino que casi todo blogger acomoda su blog teniendo en cuenta el computador con el que más trabaja y por eso puede llegar a pensar que todo se ve perfectamente, pero siempre me ha preocupado que se vea igual de bien en otros monitores.
Mi monitor no es muy grande, así que pensé que en otros una imagen tan pequeña podría no encajar mucho. Resolví la cuestión hace tiempo haciendo que la imagen se adaptara al tamaño de la ventana. Lo hice poniendo tanto un ancho como un alto para las imágenes del 100% (en donde dice a img luego de #outerwraper).
Todo funcionó bien por un tiempo en Explorer y Firefox. Hace poco probé cómo se veía en Chrome y se veía terrible. En Firefox también se complicaron las cosas.
Por supuesto quité la parte del código que añadí y todo resuelto, pero probé en un monitor más grande y no se ve igual.
Todo esto que digo es solo para contextualizar la pregunta que ya supondrás que haré: ¿Es posible hacer que el tamaño de la imagen de la cabecera se adapte al tamaño de la ventana?
No es algo tan grave, pero que sería interesante poder lograrlo.
Muchas gracias por todo.:)
:: Saludos Juan, no es tan extraño lo que preguntas y es lo que a todos nos gustaría conseguir pero hasta donde yo sé una imagen no puede estirarse y encogerse según la resolución del monitor.
Lo que se hace en esos casos es añadir una imagen de tamaño prudencial es decir que en las resoluciones más usadas (creo que es 1024 porque la de 800 ya casi nadie la usa ) la imagen se vea completa, y todo el contorno de la imagen se rellena de un color idéntico a la imagen o el fondo de la imagen, de esa forma la imagen se unifica con el fondo dando aspecto de ocupar todo el ancho.
En tu caso como el fondo es blanco ese efecto no lo verías porque todo el blog es blanco.
Te paso un enlace donde está muy bien explicado por Rosa:
Gracias Gema. :D En gracia de discusión y para que veas de qué hablo, he añadido nuevamente la parte de código que te dije. Funciona bien con IE8 y en la última versión de Firefox, pero muy mal en Chrome.
Sé que la imagen no se adapta a la resolución del monitor, pero si al tamaño de la ventana, y en un monitor más grande, la ventana también lo es y ... No sé.
Cuéntame por favor cómo lo ves.
Visitaré el blog de Rosa como me recomiendas.
Gracias otra vez, sobre todo por tu paciencia.
:: Hola Juan, pue stal com odices en Firefox y Explorer se ve bien, con Chrome no he podido verlo porque lo he desinstalado.
Te cuento que con una resolución de 1115 se ve estupendo y con 1024 también.
No veo diferencia entre el tamaño de la ventana y la resolución porque se ve igual.
Gracias por tu ayuda. Así es como logro que si haces más grande o más pequeña la ventana, la imagen se se adapte al tamaño. Si la ventana ocupa solo una parte de la pantalla,la imagen de cabecera sigue viendo toda. Es una tontería que ni quita ni pone al blog, pero quería saber. Jejeje. Lo dejaré así y buscaré la forma de resolverlo para que funcione en Chrome. Gracias otra vez.
:: Pues tu idea es para probarla desde luego, yo conseguí eso en algunas plantillas con el #header-wrapper y #outer-wrapper a width: 100% el problema surge con los contenidos de la sidebar por ejemplo que si lo hacemos a una resolución de 800 se desplazan hacia abajo por eso yo soy partidaria de dar a cada bloque su medida y como muy malo lo único que puede pasar es que los que use nuna resolución mayor vean la imagen o color de fondo en los lados.
No quiero molestarte más con el asunto, solo cuento que intenté como dices y funcionó, y que gracias a eso se me ocurrió hacer algunos cambios en otra parte. Quedó mejor en los tres navegadores que tengo instalados. Lo que hice fue modificar width y height de la imagen en el div id='header-wrapper', más exactamente ccomo te lo puse en una entrada de mi blog de pruebas, primero como estaba, luego como quedó.
El height='22%' es para que funcione en Chrome de una mejor manera, pero tengo que confesar que no entiendo muy bien por qué, pues no sé mucho de esto y solo tengo un método de ensayo y error. A este paso estropearé la plantilla solo pro satisfacer mi curiosidad. Por ahora lo dejaré así.
:: No molestas Juan, si me molestara no estaría aquí ;) Por otra parte decirte que añadir height es casi obligado, la altura no es tan problemática como la anchura ya que la altura depende del contenido del blog pero cuando hablamos de un bloque un div como se trata del header es conveniente añadir height por Explorer.
Lo de ensayo y error es la mejor forma de aprender ¿imaginas conducir sin hacer prácticas?
Hola Gem@ como estás tanto tiempo? Yo sin comentar por aquí :$ es que he estado muy ocupada estos últimos tiempos, pero ahora me trae un problema, cambié la plantilla de Te Propongo... y mi hijo quiso hacer lo mismo con un blog suyo, pero tenemos problemas con varias cosas...
La plantilla no es original, es una modificada y bastante compleja al menos para mi, uno de los problemas tiene que ver con esta entrada, aunque se que ya habíamos tratado este tema en otro lado pero no encuentro donde...
El hecho es que le cambió la imagen de la cabecera, lo puso tanto como gadget en lugar de título y descripción, como dentro de la plantilla, pero sigue saliendo el título... de momento le dije que solo ponga un punto, pero eso hace que se vea el punto en la barra de navegación y no el título del blog...
A pesar que lo tiene también en los html de la plantilla, título y descripción, eso es para el SEO, es que ahora nos preocupamos un poco por eso también ;)
La cuestión es que la imagen no enlaza o sea no lleva al inicio tampoco, no se si me explico :S
O sea, no enlaza y no muestra el título real del blog...
Bueno para que te quede mas claro miralo por vos misma por favor, el blog es este: http://mardelplatachat.blogspot.com
Espero me puedas dar una mano como siempre :)
:: Hola Knelita!!! si que estás perdida si... me alegra verte :)
Es complicadilla esa plantilla y sabiendo lo que te gusta modificarlas aún me pregunto como fue que la escogiste.
Verás la parte del título es creo en #header #header-info h1 si añades en esos estilos visibility:hidden; el título debería ocultarse que no eliminarse.
Para que enlace el sitio correcto sería en #header #header-info h1 a en lugar de #page que es donde la veo.
background: url("http://4.bp.blogspot.com/_K23OP6WFINg/S-GqtxE56QI/AAAAAAAAAdU/MhL5Rfg7UDA/S1600-R/mar-del-plata.jpg") no-repeat;
border-left: 1px solid #203b4a;
border-right: 1px solid #203b4a;
De todas formas mira en vista previa porque es algo que intuyo pero no he probado ;)
Graciiiaaaaassss Gem@!!! Sos una genia!!! Ahí logré ocultar el título que se veía horribleee...
Lo de que enlace mucho no preocupa (en realidad tampoco se como hacerlo :D )ya que tiene en el menú un botón que dice Inicio.
Te mandé un mail con mas preguntas, espero lo hayas recibido ;)
Y si, viste como soy que me aburro de tener siempre la misma plantilla, me refiero a mi blog, y encontré esa que me encantó, tan profesional y bonita, no se si la viste, ya me cansé de luchar tanto con los html y css y que nunca me quede nada tan bonito como quedan esas plantillas, incluso las que haces vos que son preciosas ;)
La mía, al menos es mas sencilla por dentro que la de mi hijo y la voy arreglando mas tranquila, pero la de HaBi es chino el html y el css ni hablar...
Millones de gracias gemit@ ;)
Besoteeees ♥ ♥
Hola, ante todo muchas gracias por tu blog"! es genial!
Pero tengo un problema, tengo una plantilla de las nuevas de draft blogger y creo que no es compatible con los codigos que muestras en tu post.
En edición html, expando los artilugios, Crtl+F y busco cualquier parte del codigo que has puesto y no lo encuentra, ej:
Más abajo a continuacion de: id='outer-wrapper'> añadimos lo siguiente:
Lo unico que pude quitar es el titulo con
Agradeceria que me ayudaras. Muchas gracias de antemano y por ayudar a los que sabemos menos.
:: Saludos Descargas Directas, lo primero de todo que esta entrada es muy antigua y posterior a ella salió la opción de añadir una imagen en la cabecera desde el gadget que tenemos en el header, allí está la opción si añadirla delante o detrás del título.
Intenta subirla desde ese gadget y verás lo sencillo que resulta :)
:: Busco ese mail k_nelita :)
En mi blog quiero que no aparezca el título y descripción, pero tengo una plantilla artisteer y estoy perdido.
La casilla de descripción la tengo vacía para no ensuciar el diseño pero me gustaría poner algo para que salieran los comentarios en Google.
He visto que teníais un post antiguo hablando del tema pero con lo de Artisteer es más complicadillo para los que no sabemos html.
http://gemablog-.blogspot.com/2009/06/personalizar-la-descripcion-del-blog.html
Por cierto mi blog es www.blogisland.es
:: En tu plantilla el título está en esta parte:
font-family:AldridgeScriptSSK,Arial, Helvetica, Sans-Serif;
color: #09048B !important;
Si añades visibility:hidden; el título se oculta pero sigue estando ahí es decir que deber aparecer en Google.
Con la descripción más de lo mismo ;)
He tardado en insrtarlo para ocultar la descripción pero colocándolo en la parte superior del html se me ha ocultado. En Google ha tardado un día pero ya aparece la descripción.
Como siempre muchas gracias Gemma!!!
:: Estupendo :D
He cambiado la plantilla en mi blog y no consigo ocultar el título y la descripción que me aparecen en el lateral derecho abajo del blog.
http://www.blogisland.es/
Hay alguna forma fácil de buscar dentro del código?
:: Saludos David, prueba añadiendo en los estilos:
Voy a ver donde puedo meter el código en la plantilla y os cuento.
:: David justo antes de }]]></b:skin> ;)
Jo Gema eres impresionante!
:: Me alegra que funcionara :)
hola gema mire en este blog la otra entrada para borrar el titulo y descripcion y me funciono pero ahora quiero poner una imagen de encabezado y no encuentro el codigo que dices que hay que buscar en el hatml me puedes ayudar porfa www.nuestrocine.net
Gem@, estaba en la edición diseño poniendo una imagen en el título y como no me gustaba he dado borrar y automáticamente se me ha ido todo. Ahora mi blog está sin cabeza.:$: ¿Cómo lo puedo recuperar?
:: Quieres decir que no tienes la opción de añadir un gadgets en la cabecera??
Tenía la cabecera dividida y la parte izquierda la del título se me ha ido. No me atrevo a tocar la plantilla. ¿?
:: Es raro que por eliminar una imagen se pierda el gadget, lo que yo haría sería primero actaulizar la página (click sobre f5)y luego si sigues si verlo no queda otra que repasar esta entrada que detalla la forma de dividir la cabecera así siguiendo un paso paso como si lo estuvieras haciendo verás la parte que falta.
Aún contando con tu "chuleta" me ha costado. Esta línea me faltaba, colocarla en el lugar que indicas tú, dar vista previa y se hizo la luz! ¡Qué alegría!!:)
:: Ohhhhh que bien!! lo que hace una simple línea :D
:: Que bonito el título con la propiedad transition ;)
Confía En Cristo ๑Vane๑
Hola! Utilizo la plantilla Picture Window, y quiciera remover el borde a mi cabezal. Tengo un cabezal en png y solo me interesa eso, poderle remover el borde.
Pero no doy con el, aun habiendo expandido los artilugios!
Poner una imagen en la cabecera eliminando el títu...
Unión de Bloggers Hispana (Directorio de blogs)
Mundofotos.net ( Fotolog)
Degraeve (Crea tarjetas de visita)
Pequeño directorio.
Color en los comentarios de la página principal
NeoFlags (Banderas de países que visitan tu blog)
Crustydemons(Generador de Tatuajes)
Eliminar Título en Blogger beta (Muy bueno)
ImageChef (Especial San Valentín)
Notcelebrity (Letrero luminoso con efectos)
Comentarios recientes para Blogger
Imagegenerator (Web con diferentes páginas de gen...
Favicon para Blogger beta
Boomp3(Alojamiento de música) (Muy bueno)
Generadores texto (varios)
Tango.freedesktop.(Galería de iconos)
Picnik.com (Retoque fotográfico)
Linda etiqueta (Muy bueno)
Inhabilitar botón derecho en el blog "con mensaj...
Txt2pic (Generadores varios)

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución