viernes, 4 de noviembre de 2011

Reducir el espacio entre las entradas y las sidebar en las plantillas del Diseñador

No sé si sea cuestión de percepción individual, del navegador, o qué se yo, pero muy a menudo me preguntan cómo reducir el espacio que hay entre los posts y la sidebar en las plantillas hechas con el Diseñador de Plantillas de Blogger. Y digo cuestión de percepción porque yo siempre las he visto con una distancia bastante aceptable, pero supongo que aquí ya es más cuestión de gustos.


Como sea, si quieres reducir la distancia entre posts y sidebar basta con agregar un margen con valor negativo y así reducir ese espacio.

Si usas la plantilla Simple, Picture Window, Fantástico S.A, Filigrana o Ethereal, entra en la Edición de HTML de la plantilla y agrega antes de ]]></b:skin> lo siguiente:
.main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {margin-left: -20px !important;}
Dale Vista Previa, si tiene la distancia que deseas guarda los cambios y listo.
Pero si usas la plantilla Travel (Viajes) entonces el procedimiento es otro, para ese caso busca una línea como esta:
<Variable name="content.padding" description="Content Padding" type="length" default="20px" value="20px"/>
Tal vez tenga otros valores, pero debes fijarte que tenga lo que está en negrita. Cambia el último valor (el de value) por 0px
Habiendo hecho eso la distancia se habrá reducido.


El espacio lo podemos modificar para hacerlo más separado o más junto; con un valor menor (como -25px) se reducirá más, y con un valor mayor (como -10px) la reducción no será tanta.
Hay que tomar en cuenta que ese valor que reducimos se distribuye uniformemente en la(s) sidebar(s) y el área de las entradas.

Esta modificación aplica para las plantillas con una o dos sidebar, pero todas hechas con el Diseñador de Plantillas de Blogger.

¿Quieres eliminar el espacio que hay arriba de la plantilla? Entonces mira esta entrada.

No hay comentarios:

Publicar un comentario