Para mis blog he diseñado con Adobe Photoshop una imagen con mi logotipo y el nombre del blog. Para instalarla solo hay que ir a Diseño, Elementos de la página y editar el bloque de la cabecera.
He cargado la imagen y he seleccionado “En lugar del título y la descripción”.
Para eliminar el cuadro que Blogger pone alrededor de esta imagen hay que ir a Diseño, Edición de HTML y localizar el código siguiente:
/* Header -----------------------------------------------
*/
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Determina el grosor del cuadro el numero de pixeles que ponga en la penúltima línea. Si queremos que no se vea el cuadro lo pondremos a cero pixeles:
border:0px solid $bordercolor;Con esto hemos quitado una de las líneas del cuadrado. Para eliminar la otra localizamos, solo unas líneas más abajo, el código:
#header { margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Y ponemos un cero en los pixeles del borde:
border: 0px solid $bordercolor;Ya podemos guardar la plantilla.
