Ocultar sidebar de las páginas estáticas de blogger



Seguro que programando bajo blogger os habéis encontrado con una duda similar a la hora de querer darle una imagen distinta a las páginas, empezando por visionar su contenido en todo el ancho del blog. Esto por supuesto es posible haciendo una serie de modificaciones sin complicación en el HTML de nuestro blog.

Para hacer esta modificación debemos ir a Plantilla y seleccionar HTML y una vez dentro del código vamos a seguir los siguientes pasos:

1.       Buscar (CONTROL + F)  en el HTML ‘outer-wrapper’ , esta etiqueta nos indica el ancho de tu blog

2.       Una vez sabida la medida por ejemplo 1024px, debemos pegar antes de </head> el siguiente código
(En 1024px debes añadir el ancho de tu ‘outer-wrapper’) :

CODIGO HTML

 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
display:none;
visibility:hidden;
}
#main-wrapper {
width: 1024px;
}
</style>
</b:if>

Con este sencillo cambio indicamos a tu blog que cuando se trate de una página entonces el contenedor del sidebar medirá 0px de ancho y además el contenedor de área de post obtendrá un ancho de 1024 (en este caso concreto) adaptándose por lo tanto a todo el ancho del blog.

No hay comentarios:

Publicar un comentario