Esta es una página que te ayudará a colocar accesorios al blog. Aprenderás como mejorar tu blog. Pasa y encontrarás de todo un poco.
Cargando

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.
<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>

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>

* 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.
  • Header1
Le das un clic en: Confirmar y Guardar

- 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

17 Comentarios:

Jaime_guachin_10 dijo...

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

Andrés dijo...

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.

Daniel Carrica dijo...

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.

Pindado dijo...

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

Andrés dijo...

Hi.
Pindado: Ok, estare visitando tu blog y me imagino que habra e-mail, el cual te agregare.
Bye.
Gracias por la visita.

Fernanda dijo...

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.

Andrés dijo...

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.

Fernanda dijo...

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.

dikua dijo...

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!

dikua dijo...

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!

Andrés dijo...

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.

maluigi dijo...

hola bunisimo, y para aagregar fostos que están en carpetas en la compu, osea que no estan en internet=??
gracias

Andrés dijo...

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.

Tour Virtual dijo...

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!

ismed dijo...

Muchas gracias por tu post, con tu ayuda estoy personalizando mi blog.

http://elblogdeismed.blogspot.com/

Frozeen dijo...

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

cgaleatory dijo...

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!!

Related Posts with Thumbnails
Últimos Post