Cómo Quitar la Barra Lateral en Blogger (Sin Errores)

Lograr que nuestro blog sea lo más llamativo posible y que sea de fácil navegación, en algunas ocasiones nos es necesario sacrificar ciertas partes del diseño de nuestras plantillas. Con sacrificar me refiero a que algunas veces tendremos que quitar o remover la barra lateral y de esa manera conseguir que nuestro diseño se vea más limpio.

Con este artículo aprenderás a como quitar la barra lateral en Blogger y lograr una mayor velocidad de carga en su blog, con el fin dar una mejor experiencia al usuario que visita tu blog.

¿Qué es una Barra Lateral de un Blog?

En casi todas las plantillas para blogger, vienen preinstaladas las barras laterales. Este widget, como su nombre lo dice, se trata de una barra lateral que puede venir instaladas a la derecha o a la izquierda en el diseño de la plantilla.

Según lo que tengas proyectado en tu blog, veremos si conviene o no tener activo la barra lateral o removerlo permanentemente.

Ventajas y Desventajas de usar una Barra Lateral en Blogger

Ventajas

• Es práctico para mostrar entradas populares a nuestros visitantes
• Nos da la posibilidad de obtener más clics en los enlaces del blog.
• Podemos colocar un pequeño formulario de contacto
• Nos permite mostrar nuestro perfil personal a simple vista.
• Posibilidad de mostrar una llamada a la acción o simplemente colocar un algún anuncio.

Desventajas

• Crea una sensación de sobrecarga en la página o en los artículos de nuestro blog
• Las páginas tienden a cargarse mucho más lento y eso es lo último que queremos para nuestra web.
• Genera cierta distracción y aumenta la taza de rebote.
• En la versión móvil, la barra lateral queda hacia el pie de la página
• Los banners en la barra lateral pueden molestar a tus visitantes.

¿Cómo Quitar la Barra Lateral en Blogger?

Para ocultarlo de tu plantilla o tema, solo debes seguir estos simples pasos que te mostraré a continuación.

Opción 1

Quitar Barra Lateral a Páginas o Post específicos

Mediante esta opción podemos determinar que artículos o páginas queremos que ocupen el ancho completo de nuestra plantilla.

1. Nos dirigimos al menú Páginas
2. Elegimos la entrada o la página a la que queremos quitar la barra lateral
3. Cambiamos a Vista HTML
4. Pegamos el código al final del documento
5. Para guardar, le damos en Actualizar, y listo.

Opción 2

Quitar la Barra Lateral de todas las Páginas y Post

Con esta opción, lo removeremos totalmente en todo el sito web (solo quedará oculto, por si en algún momento lo quieres volver a habilitar)

1. Nos dirigimos al menú Diseño
2. Nos colocamos sobre las opciones de la Barra Lateral
3. Desactivamos todos los Widgets y guardamos la configuración






4. Volvemos al menú Tema
5. Vamos directo al botón Personalizar y clicamos la flechita hacia abajo
6. Elegimos la opción: Editar HTML
7. Bajamos hasta el pie del documento. Justo encima de </body> pegamos nuestro código.
8. Guardamos los cambios realizados y ya habremos quitado la barra lateral de todo el sitio web.

Código CSS para remover la Barra Lateral del Blog

<style type="text/css">
  #sidebar-wrapper {display: none !important;}
  #midsidebar-wrapper {display: none !important;}
  #main-wrapper {width: 100% !important;float: left;margin: 0;}
</style>

NOTA: Este código es compatible con la mayoría de las plantillas. En caso que no le funcione correctamente, por favor, no dude en dejar su comentario al respecto. En breve buscaré otros métodos para actualizar el post.