Cambiar la cabecera por una imagen (Plantillas Nº 867 y Nº 865) -51-
Cabecera de página.- Visualiza el título y la descripción de tu blog.
Para insertar una imagen en la cabecera necesitamos agregar simplemente un código. Esto prácticamente resulta para la plantillas Nº 867 y Nº 865.
Te recomiendo que no te arriesgues hacer esto con las otras plantillas porque la modificación no va hacer igual para las demás. Quizás esto te puede servir simplemente para guiarte.
Para poner una imagen en la cabecera de las plantillas Nº 867 y Nº 865 tendremos que hacer lo siguiente:
1. Ir a Plantilla, después a Edición de HTML y clic en Expandir plantillas de artilugios. Entonces, ahora buscamos el div con el id header-wrapper.
Para insertar una imagen en la cabecera necesitamos agregar simplemente un código. Esto prácticamente resulta para la plantillas Nº 867 y Nº 865.
Te recomiendo que no te arriesgues hacer esto con las otras plantillas porque la modificación no va hacer igual para las demás. Quizás esto te puede servir simplemente para guiarte.
Para poner una imagen en la cabecera de las plantillas Nº 867 y Nº 865 tendremos que hacer lo siguiente:
1. Ir a Plantilla, después a Edición de HTML y clic en Expandir plantillas de artilugios. Entonces, ahora buscamos el div con el id header-wrapper.
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)' type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)' type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
2. Una vez ubicado <div id='header-wrapper'>, tendrás que reemplazar todo el código anterior por lo siguiente (lo que esta en azul agregas):
<div id='header-wrapper'>
<div id='header'>
<a href="http://aquí-la-dirección-de-tu-blog">
<img src="http://aquí-la-dirección-de-tu-imagen" /></a>
</div>
</div>
<div id='header'>
<a href="http://aquí-la-dirección-de-tu-blog">
<img src="http://aquí-la-dirección-de-tu-imagen" /></a>
</div>
</div>
* Al reemplazar todo esto, te saldrá un mensaje diciendo:
Están a punto de suprimirse los artilugios
Por favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.
- La imagen que vas a colocar en la cabecera tiene que tener un ancho de 744 px y un alto de 130 px. Estos valores son simplemente un aproximado.
- Si deseas agregarle un ancho y un alto a tu imagen tendrás que hacer lo siguiente:
Están a punto de suprimirse los artilugios
Por favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.
- Header1
- La imagen que vas a colocar en la cabecera tiene que tener un ancho de 744 px y un alto de 130 px. Estos valores son simplemente un aproximado.
- Si deseas agregarle un ancho y un alto a tu imagen tendrás que hacer lo siguiente:
<img src="http://aquí-tu-imagen" width="500" height="100" />
**Por ejemplo he subido una imagen en Photobucket y he pegado lo siguiente:
<img src="http://i151.photobucket.com/albums/s137/andrewmusic1/Ayudaparaelblog.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket" />
Y he añadido al último esto: /
Cambiar el título por una imagen
Cambiar la descripción por una imagen
Sonido Web
17 Comentarios:
Amigo te escribo para pedirte una ayudita por favor
pasa lo siguiente :
cambie mi plantilla y hasta ahi ningun problema lo que pasa es que
la sidebar me quedo muy abajo. me gustaria que lo vieses y me digas que puedo hacer porfavor
http://soloparasabios.blogspot.com
gracias de antemano
Hi.
Jaime: Acabo de ver tu blog y la Sidebar esta muy bien.
Ahora, porque quedo muy abajo, de seguro que algún video es demasiado grande y ancho es muy grande.
Bye.
Hola, Andrés.
Yo soy Daniel y la verdad es que tengo tu blog en favoritos. Recién entré en "el escaparate de Rosa" y ví tu comentario sobre las cabeceras. Sabes, en realidad no tengo por costumbre dejar comentarios, pero pienso que debo hacerlo ya que de tí he recibido mucha ayuda y no es justo que no te lo diga. Te agradezco públicamente porque yo también quisiera tener comentarios en mi blog. Soy consciente de que si uno quiere tener un blog exitoso puede tranquilamente poner un blog de ayuda y empezar a cortar y pegar sin saber absolutamente nada del asunto (este no es tu caso) ¿Sabes por qué lo digo? simplemente con solo mirar tu página uno se dá cuenta de que sabes de qué estás hablando, pero me fui del tema, necesito consultarte sobre el tema de la cabecera. Yo tengo la direccion de un par de páginas que te dan gratis más de 500 imágenes de la medida del blog, pero yo quisiera armar una imágen con el título y todo a mi gusto y, la verdad es que me estoy volviendo loco. Puse una, pero, evidentemente no lo tengo tan claro como quisiera, si me puedes ayudar voy a estar eternamente agradecido. Si tienes un minuto, ¿Podrías visitar mi blog? Es un blog cristiano. Si estás en línea ahora sería fantástico, ya que trabajo de noche y generalmente no hay nadie a esta hora. Si quieres te pasaré las direcciones de las páginas de imágenes para cabeceras, ya estan todas a las distintas medidas de los blogs. Mi dirección es : http://tierradelagracia.blogspot.com/ Mi plantilla es la Minima del blog nuevo (no el beta) Por supuesto no está original, ya la he cambiado algo. Te mando un gran saludo desde Buenos Aires.
Hola, perdona que te moleste, pero es que tengo un blog de futbol y la verdad es que no se como poner una imagen en la cabecera, ni editar algunas cosas que lo puedan hacer mas atractivo. Por ello te pediria que si podrias editarmelo tu, te daria mi contraseña y nombre d usuario. Porfavor ponte en contacto conmigo en mi blog de www.areapindado.blogspot.com
Millones de gracias
Hi.
Pindado: Ok, estare visitando tu blog y me imagino que habra e-mail, el cual te agregare.
Bye.
Gracias por la visita.
Hola!, soy Fernanda y queríaa agradecerte por que siguiendo los pasos de tu página para modificar el encabezado he logrado hacerlo, pero me topé con un problema, la iágen está ahi, lo sé por que aparece cuando abro el editor de plantilla del blogger pero al abrir el blog no se ve. Mi imágen está alojada en flickr tendrá eso algo que ver con que no se vea?.
Hay alguna manera de poner Directamente la dirección de la imágen en mi máquina?
Te agradeceré mucho la ayuda, yo no sé nada de programación.
la dirección de mi blog es http://dikua.blogspot.com/ podrás ver que no hay encabezado alguno, ni siquiera la imágen.
Hi.
Fernanda: He visitado tu blog y no se ve la imagen, lo que pasa es que has agregado mal la dirección, donde has alojado tu imagen.
Casi al último pongo un ejemplo cuando uno sube una imagen en Photobucket, guiate de eso, supongo que en flickr será igual o en todo caso subelo desde el mismo blogger (subes la imagen y copias la dirección).
Directamente no sale, si te das cuenta la dirección que has copiado no tiene .jpg.
Te recomiendo guiarte de la imagen que subi en Photobucket, simplemente haz eso y te sale.
Bye.
Gracias por la visita.
Hola otra vez!, ya intenté todo lo que dices pero no lo consigo...no puedo guardar la plantilla o la guarda pero sigue sin aparecer la imágen..que sí está ahí pero no se carga... no logro entender por qué.
No tengo idea de cómo subir la imágen desde blogger, te refieres a subirla como elemento de página o como entrada no se me ocurre otra manera de hacerlo.
Anteriormente había borrado el título y sus bordes con la idea de sustituirlos con la imágen..ya no sé que hacer para que aparezca.
Incluso revisé las propiedades del elemento dando click en el botón derecho y todo indica que ahí está la imágen pero no detecta el tamaño del archivo e indica que el texto alternativo es faltante no sé que quiera decir con eso.
De nuevo te agradezco de antemano la ayuda.
Probé también dejando el número que asigna flickr junto con el nombre de mi archivo de imágen pero el resultado es exactamente el mismo.
Andrés
Gracias x tu ayuda!, parezco una mujer desesperada verdad??. En realidad llevo dias tratando de personalizar el blog...quisiera rediseñarlo x completo, subir las tipografias que deseo utilizar, sustituir el título x una imágen, etc,. El problema como te mencione es que no sé absolutamente nada de html, lo intento no creas que no...me meto a todo y trato de hacerlo pero mi lógica no coincide mucho con la de un programador..creo.
No termino de encontrar donde está el error en mi imágen, si es la imágen en sí o la ruta..que la copié y la modifique quitando y poniendo varias cosas sin lograr nada..hoy lo intentaré de nuevo..espero q lo logre.
Gracias mil por tu ayuda y entusiasmo!
Otra vez!! logré subir la imágen!!!!!! pero ahora es demasiado pequeña..:( La edité en photoshop hasta lograr el tamaño que recomiendas.. y después siguiendo tus instrucciones fuí jugando con el tamaño pero no se modifica..y al agregar widht y height se abre un cuadro enorme con un aviso de fotografía no disponible de flickr..se ve como si fuera una imágen enorme de este modo pero nunca logro saber el tamaño que tiene al final..
X ahora deje la imágen espero que la veas..es ridiculamente pequeña..
Gracias una y otra vez!
Dikua: Que bueno que lograste subir tu imagen, ahora si se aprecia, pero como mencionas deamsiado pequeña.
El tamaño que recomiendo es un aproximado, no es un valor exacto, es jugar con los valores depende de lo quieras. En este caso no te recomiendo agregar a tu imagen pequeña el width y el heigth porque se puede distorcionar.
Lo principal es que te salio la imagen jejeje, ahora vuelve intentar a editar tu imagen con Photoshop, un poco mas grande, es cuestion de jugar con la imagen.
No necesariamente son los valores que doy es un aproximado.
Bye.
hola bunisimo, y para aagregar fostos que están en carpetas en la compu, osea que no estan en internet=??
gracias
Maluigi: Existe otro post acerca de esto, en donde blogger prácticamnete ha incorporado en su cabecera el poder subir una imagen desde tu compu o internet. Revisa mi blog, esto se encuntra en Etiquetas, Preguntas frecuentes...
Gracias por la visita.
Hola yo agregue una imagen a la cabecera y me quedo bien, el problema me surgio q al centrar me centro todos los textos como puedo hacer que los textos se centren a la izquierda y la cabezera me quede centrada
http://tourvirtualhotelero.blogspot.com/
muchas gracias!
Muchas gracias por tu post, con tu ayuda estoy personalizando mi blog.
http://elblogdeismed.blogspot.com/
Hey Si creo esta Muy Bien tu Explicacion pero tengo un problema yo la imagen la baje pero sin entrar al Html sin en configuracion de blog y en titulo le puse una imagen de mi PC esta bien pero quiero que ocupe todo el ancho de mi blog como veras mira:
http://narutoanimes-online.blogspot.com/
entra por favor y dime como la puedo hacer que esta llene todo el ancho de la pagina y pero que no lo he puesto como tu decias si no mas simple con la configuracion del blog mismo ¿? Ayuda Por favor
zarpado! les recomiendo:
que visiten pczeros, hay un excelente tutorial para que puedas cambiar el cambiar el fondo del blog, además hay algunos fondos para que puedas elegir y otros cientos de accesorios para el blog. Yo ya cambié el mio y quedo de 10. Muy bueno el post y un saludo para todoooossss!!
Publicar un comentario