martes, 21 de febrero de 2012

Ocultar la barra lateral de blogger

En ocasiones puede interesarnos ocultar la barra lateral del blog en ciertos lugares: por ejemplo en las páginas, o en algún post en concreto.

Para ello, tendremos que editar la plantilla de nuestro blog. Siempre que se hace esto, recomiendo hacer una copia de seguridad con anterioridad, por si acaso algo falla o por si queremos volver a la versión anterior y descartar los cambios de ocultar la barra lateral de blogger.

Después de hacer la copia de seguridad, vayamos a ver como ocultar la barra lateral de blogger:

  • Entramos en Plantilla y hacemos click en Edición de HTML
  • Buscamos la etiqueta </b:skin>
  • A continuación introducimos el código siguiente:

<b:if cond='data:blog.url == "http://la-URL-de-tu-post-o-pagina"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>

Si lo queremos aplicar para todas las páginas por ejemplo, cambiaremos la condición:

<b:if cond='data:blog.pageType == "static_page"'>

O si lo queremos aplicar para los posts, entonces la condición será:

<b:if cond='data:blog.pageType == "item"'>

Como ejemplo, podrás observar que esta página no tiene barra lateral: he ocultado la barra lateral de blogger en este post en concreto.