Poner cabecera... a nuestra plantilla Dots

Vamos a ponerle cabecera (header) a la plantilla Dots que blogger nos ofrece, esta plantilla no tiene cabecera, pero esto se soluciona en un santiamén!

Diseño-edición HTML-expandimos artilugios y buscamos este bloque:

#header-wrapper {
display: none;
}

Eliminamos el bloque eso y ponemos esto en su lugar:

#header-wrapper {
width:700px;
background:#ffffff;
margin:0 auto 10px;
border:1px solid ;
}
#header {
margin: 5px;
border: 1px solid ;
text-align: center;

}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
#header a {

text-decoration:none;
}
#header a:hover {

}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
}

Ahora buscaremos esto:

<div id='outer-wrapper'><div id='wrap2'>

que encontraremos en la zona html.

Y justo después le pegamos este código:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3'
showaddelement='yes'>
<b:widget id='Header2' locked='false' title='XXXXXXXXXXX (Header)'
type='Header'/>
</b:section></div>

En el código, vemos unas x, estas son para que después se vea el título de nuestro blog.

Si ahora queremos quitarle los bordes, haremos lo siguiente:

En #header-wrapper { y en #header { cambiamos el "border" 1px, por 0px.

Si quieres hacer lo contrario, eliminar la cabecera...

En el CSS buscamos esto:

/* Title & Description
----------------------------------------------- */

.Header h1 {
margin:0 0 .5em;
line-height: 1.4em;
font: $pagetitlefont;
color: $pagetitle;
}
.Header h1 a {
color:$pagetitle;
text-decoration:none;
}

.Header .description {
margin:0 0 1.75em;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}

y lo borramos por completo.

Mas abajo, buscamos esto, que estará en la zona html:

<b:widget id='Header1' locked='false' title='XXXXXXX (cabecera)' type='Header'/>

lo borramos por completo.

Guardamos los cambios, y nos aparecerá una confirmación que anuncia que la cabecera va a eliminarse...

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

Seguimos y aceptamos, después veremos que la cabecera no está en nuestro blog, ¡ya está eliminada!

Visto en el escaparate de Rosa