Cambiar la cabecera por una imagen (Plantillas Denim) -45-

Cabecera de página.- Visualiza el título y la descripción de tu blog.

Para insertar una imagen en la cabecera necesitaremos agregar algunos códigos y a su vez hacer algunas modificaciones en el blog. Esto prácticamente resulta para la plantillas Denim (Stretch Denim, Washed Denim, Stretch Denim Light).
Te recomiendo que no te arriesgues hacer esto con las otras plantillas porque las modificaciones no van hacer iguales para las demás. Quizás esto te puede servir simplemente para guiarte.

En la cabecera de las plantillas Denim eliminaremos un borde y el título para luego agregar la imagen:
1. Ir a Plantilla, después a Edición de HTML y clic en Expandir plantillas de artilugios. Entonces, ahora buscamos lo siguiente:

/* Header
----------------------------------------------- */

#header {
width: 760px;
margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}

h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 100%;
}

2. Se tiene que cambiar el valor del border de header, entonces el nuevo valor será: border:0 (sin px). Después en el mismo header agregamos lo siguiente:
background: url(http://Aquí-la-direccion-de-tu-imagen) no-repeat;
Entonces el resultado seria así:

#header {
width: 760px;
margin: 0 auto;
background-color: $headerBgColor;
background: url(http://i151.photobucket.com/andrewmusic1/Ayudaparaelblog.jpg) no-repeat;
border: 0 solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}

3. En h1.title ocultamos el título, así que tendrás que agregar lo siguiente (lo que esta en azul):

h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 100%;
visibility:hidden;
}

- La imagen que vas a colocar en la cabecera tiene que tener un ancho de 760 px y un alto de 120 px. Estos valores son simplemente un aproximado.
- Otra alternativa para este tipo de plantillas es utilizar: Cambiar el titulo por una imagen.
El resultado seria así:

En este ejemplo el titulo y la descripción del blog son imágenes.

Cambiar el título por una imagen
Cambiar la descripción por una imagen