Quitar los Bordes de la Cabecera de un Blog en Blogger

Si observamos la Plantilla Minima de Blogger, y sus distintas versiones, Dark, Blue y Ochre, veremos que en ella hay dos recuadros o bordes que se forman alrededor de la imagen de la cabecera. Esto también aparece en algunos otros tipos de plantillas de Blogger.

Quitar estos bordes no es complicado:

1. Para sacarlos tenemos que dirigirnos a la edición HTML de nuestra plantilla.

Para esto, una vez que entramos en el escritorio de Blogger, tenemos que hacer clic en Diseño y luego en Edición HTML.

2. Luego, buscar (en la primera mitad del código o al final del primer cuarto) donde dice:

#header-wrapper {<br /> width:660px;<br /> margin:0 auto 10px;<br /> border:1px solid $bordercolor;<br /> }

y remplázalo por:

#header-wrapper {<br /> width:660px;<br /> margin:0 auto 10px;<br /> border:0px solid $bordercolor;<br /> }

Si nos fijamos bien, lo único que cambia es que donde dice 1px ahora dice 0px, es decir solo habría que remplazar ese bendito numero 1 por 0 “cero”.

Esto borrará unos de los cuadros (el cuadro externo de la cabecera)

Esto talvez ya sea suficiente para muchos.

3. Ahora bien, sí lo anterior no alcanza y queremos quitar también el otro cuadro interno que bordea la foto o imagen de cabecera, hay que buscar un poquito más abajo, donde dice:

#header { <br /> margin: 5px;<br /> border: 1px solid $bordercolor;<br /> text-align: center;<br /> color:$pagetitlecolor;<br /> }

y remplazar eso por:

#header { <br /> margin: 5px;<br /> border: 0px solid $bordercolor;<br /> text-align: center;<br /> color:$pagetitlecolor;<br /> }

Es decir nuevamente donde decía 1 hay que poner 0 (cero)

Hacemos clic debajo de todo en “Vista Previa”, y si todo está como queremos, por último hacemos clic en “guardar plantilla”.

Consejos:

Observemos bien los códigos, ya que en otras plantillas, themes o templates (como se prefiera mencionar) para Blogger, pueden aparecer estos códigos HTML con algunas modificaciones, pero lo que hay que hacer para obtener los mismos resultados es básicamente similar.

Con esto le decimos adiós a esos recuadros, pero si algún día queremos ponerlos de nuevo, basta con poner los valores originales.

Recordemos que cada vez que necesitemos cambiar el diseño lo mejor es que antes de ello hagamos una copia de seguridad de la plantilla.

Entradas relacionadas:

Realiza una copia de seguridad de tu Blog!

Utilidades para Blogger

Quitar los bordes punteados que aparecen al hacer clic en los enlaces.