Friday, November 4, 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 comments:

Post a Comment