Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Ocultar o eliminar una sidebar (barra lateral) en el blog

Posiblemente desees crear una nueva estructura en tu blog y te apetezca deshacerte de la barra lateral. Con este truco, obtendrás una estructura diferente, de manera que las entradas tengan el mayor ancho posible.

Ten en cuenta que los gadgets de la sidebar podrás añadirlos en el footer (pié del blog) o en una de las cuatro columnas que puedes instalar, encima de las entradas, mirando esta entrada.

Voy a explicarte dos procedimientos para deshacernos de la barra lateral: ocultarla o eliminarla.


Diseño>Edición de HTML>expandimos artilugios





Para ocultar la barra lateral


En el CSS de tu plantilla busca este bloque:

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Y agrega las dos líneas resaltadas en color verde:

#sidebar-wrapper {
visibility: hidden;
display: none;
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Finalmente, haz vista previa y guarda cambios.


Para eliminar la barra lateral


En el CSS de tu plantilla busca este bloque y bórralo:

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Ahora busca lo siguiente:

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Site info' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

Para que la búsqueda sea más sencilla, encuentra esta línea:

<div id='sidebar-wrapper'>

Y elimina (con ella incluida) todo el código que aparezca hasta el cierre </div> (éste último incluido).

Finalmente, haz vista previa y guarda cambios.

Si te decisdes por aplicar este último método, ten en cuenta que debes borrar todo el código, desde la línea <div id='sidebar-wrapper'> hasta su cierre, </div> pero ten cuidado: puedes confundirte.

Entre esas dos líneas están los gadgets o elementos de página, los cuales también tienen el cierre </div>

Borra hasta el </div> de <div id='sidebar-wrapper'> que estará encima de lo siguiente:

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>

</div> <!-- end content-wrapper -->

O debajo de la etiqueta </b:section>

Nota:

No todas las plantillas son iguales (y mucho menos, las que están modificadas).

Posiblemente tengas problemas para realizar alguna de estas fases o para encontrar algún código. En ese caso, consúltame por medio de un comentario.

Viviana Vitulich dice...

Buenísimo, me re sirvió y ahora mi blog se ve muuuuucho mejor...!!!! Gracias, te felicito por la claridad de la explicación.
Viviana.
Moda

Jaime Trujillo Escobedo dice...

Viviana, ya veo lo bien que te ha quedado el blog TVRMAN. Está muy elegante con un solo bloque.

Gracias a tí por comentar.

Ane dice...

Justo cuando encuentro un sitio que valga la pena por las ayudas, se ha cerrado :(
De todas maneras muchas gracias me será de gran ayuda!
Gracias por haberlo dejado abierto! :D

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo