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

  • Post Por Hacer 1.-Area para dejar comentarios debajo del post. 2.-Cambiar de lado la sidebar o barra lateral. 3.-Imagen del titulo cambiante. 4.-Imagenes de fondo (otro metodo). 5.-Explicar .css de las […]
  • Buscador de Google Desbliega los Resultados en la Misma Pagina, Blogger Tan simple como entrar a la opción Draft de Blogger, con los mismos datos de tu cuenta de Blogger (excepto que verás varias propiedades mas que en nuestra cuenta de Blogger), ir a Diseño, […]
  • Como agregar una Imagen en el Titulo, Parte I, Son of Moto, Classic-Blogger Lo de arriba es lo que obtuve como resultado de esto...después cambiaré la foto, es sólo para que vean los cambios... Por ahora sólo publicaré las imágenes con una pequeña explicación, […]
  • Chat para el blog, Gabbly Muestra en Linea todas tus Visitas Me han dado un nuevo dato, y como de egoista no tengo nada, les contaré.... trata sobre colocar un chat en el blog, es totalmente gratuito y fácil de instalar. La idea es poder […]
  • Tutoriales para Entender HTML Estan muy buenos, de aquí al menos iré organizando la información en orden, para los que estan más impacientes, les aconsejo echarles una mirada...entenderan muchas cosas.. Propiedades […]
  • Cuenta Atrás, Blogger Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web. Si lo que buscan es un contador para atrás de una fecha determinada, este es el post que […]

Leave a Reply

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