Banner con foto en encabezado de Minima Blue/Black, Classic-Blogger

Este blog es maravilloso. Sin embargo, como otros bloggeros, no habia encontrado aqui la solucion a mi problema: poner un banner con foto en el encabezado de mi blog.
La razon principal era porque el Template de mi blog (minima blue, que es igual a la de minima black) no habia sido estudiado o mencionado aqui.

Mi estrategia fue mirar en el codigo de origen de todos los blogs que me gustaban y analizar COMO LE HICIERON PARA EL SUYO (ya que nunca encontré un alma piadosa que me revelara su secreto). Despues de muchas pruebas e intentos en vano, fui radical:

1. Quité todo el parrafo del HEADER (guardando una copia en word, por si acaso). Guardé los cambios.

2. Quité un parrafo mas lejos que empieza con <h1 id=”blog-title> hasta donde dice <$BlogDescription$></p> (guardando copia en word). Creo que esta justo antes de begin contents. Guardé los cambios.

3. En los parametros que me propone la admin de mi blog para el titulo y subtitulo escribi dos puntitos, asi por gusto. Guardé los cambios.

4. Después de haber disenado un bonito banner, copiando las medidas de los banners que habia visto en otros blogs (760 pix y 197 pix, pero eso ya es cuestion de gustos), lo cargué en mi blog como si fuese una imagen en un nuevo post. Copié-corté el URL (con copia en word o block de notas por si acaso). No publiqué dicho mensaje.

5. El codigo que quité (<h1 id=”blog-title> hasta donde dice <$BlogDescription$></p>), lo sustitui por el url de mi banner en jpg. Asi:

  1. <div id="header">
  2. <div align="center">
  3. <p>
  4. <img src="http............jpg" border="0">
  5. </p>
  6. </div>  
  7. </div>  
  8.  
  9.  
  10. <!-- Begin #content -->
  11. <div id="content">

Guardé los cambios. Miré mi blog y fui muy feliz! Ahora estoy viendo como poner un margen a todo lo largo del cuerpo del blog y como animar con muchos banners el mismo encabezado. Espero poder contarles eso muy pronto.

Espero haber ayudado.
Saludos y gracias al equipo de este blog!

Nota de Patricia Ramirez: Al eliminar <p id="description"><$BlogDescription$></p> eliminan la descripcion del blog..

Artículos Relacionados

  • Servicio Para ver el Estado de los Links de tu Blog, Link Checker Simple, pero muy útil, sobretodo para verificar cada cierto tiempo si los links de nuestros post siguen vigentes. Basta que la persona a la que linkeamos cambie su post a otra página, y […]
  • Imagenes infantiles Existe una página bien bonita, con imágenes tiernas que las podemos utilizar para dar un mensaje, por ejemplo algo asi: Para los que les interesa entren aqui  y es super simple, eligen […]
  • Mejora tus ganancias con Adsense Lo único que debes hacer para esto, es resaltar en tu post, la parte importante para que aparescan anuncios relacionados con ella. Para esto agregamos 2 lineas de código en el post, una […]
  • Un curso sobre web 2.0 El año pasado estuve en Santa Cruz, ciudad de Bolivia dictando un curso sobre web 2.0, en esta pagina encontraran las presentaciones. Estan al final de dicha pagina.
  • Miembros BLOGALAXIA TAGS yap...para una mejor busqueda de algunos buscadores de blogs, les comunico que se pueden agregar tags, por lo que se, estos son validos al menos para blogalaxia y para technorati.. Aqui […]
  • Como crear una Tabla en el blog? Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Las tablas son muy utiles, si tienes imagenes y quieres colocarlas ordenadas, lo puedes […]

Leave a Reply

Your email address will not be published. Required fields are marked *