Reducir espacio entre entradas y sidebar

El espacio entre las entradas y la sidebar de Blogger puede parecernos, en algunas plantillas, exagerado. Podemos reducir ese espacio, en las plantillas nuevas (Diseñador de plantillas), utilizando uno de estos procedimientos: 1.- Ensanchando el cuerpo de las entradas, o 2.- Ensanchando la sidebar. En todos los casos vamos a Editar HTML: Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► ...y hacemos la modificaciones indicadas en cada caso localizando los códigos correspondientes poniendo, dentro del rectángulo de búsqueda (search), una línea de los mismos. Los márgenes entre entradas y sidebars son, por defecto, iguales a cero. Entonces para reducir esos espacios debemos poner márgenes con cifras negativas al cuerpo de las entradas o a la sidebar (una sola de estas dos alternativas). A medida que aumentemos el valor absoluto de esas cifras negativas, el margen se reducirá más, y viceversa. Plantilla Simple Ensanchando el cuerpo de las entradas: Eliminamos el siguiente código: .main-inner .column-center-inner {   padding: 0 $(main.padding); } ...y lo reemplazamos con éste: .main-inner .column-center-inner {   padding: 0 $(main.padding);   margin-right: -30px; /* Margen derecho dado al cuerpo de las entradas */ } Ensanchando la sidebar: Inmediatamente antes de: /* Posts ----------------------------------------------- */ ...pegamos este código: /* Sidebar ----------------------------------------------- */ .main-inner .column-right-inner {   padding: 0 $(main.padding);   margin-left: -30px; /* Margen izquierdo dado a la sidebar */ } Plantilla Picture Window Ensanchando el cuerpo de las entradas: Eliminamos el siguiente código: .main-inner .column-center-inner {   padding: 0 0; } ...y lo reeemplazamos con éste: .main-inner .column-center-inner {   padding: 0 0;   margin-right: -20px;  /* Margen derecho dado al cuerpo de las entradas */ } Ensanchando la sidebar: Eliminamos el siguiente código: .main-inner .column-right-inner {   padding-right: 0; } ...y lo reemplazamos con éste: .main-inner .column-right-inner {   padding-right: 0;   margin-left: -20px; /* Margen izquierdo dado a la sidebar */ } Plantillas Fantástico S.A. (Awesome inc.) y Filigrana (Watermark) Ensanchando el cuerpo de las entradas: Eliminamos el siguiente código: .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {   padding: 0 5px; } ...y lo reemplazamos con éste: .main-inner .column-center-inner { margin-right: -30px; /* Margen derecho dado al cuerpo de las entradas */ } .main-inner .column-left-inner, .main-inner .column-right-inner {   padding: 0 5px; } Ensanchando la sidebar: Eliminamos el siguiente código: .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {   padding: 0 5px; } ...y lo reemplazamos con éste: .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {   padding: 0 5px;   margin-left: -30px; /* Margen izquierdo dado a la sidebar */ } Plantilla Etéreo Ensanchando el cuerpo de las entradas: Después de: .content-inner {   padding: 0; } ...pegamos el siguiente código: .main-inner .column-center-inner {   padding: 0;   margin-right: -10px; /* Margen derecho dado al cuerpo de las entradas */ } Ensanchando la sidebar: Después de: .content-inner {   padding: 0; } ...pegamos el siguiente código: .main-inner .column-right-inner {   padding: 0;   margin-left: -20px; /* Margen izquierdo dado a la sidebar */ } Plantilla Travel Ensanchando cuerpo de las entradas: Eliminamos el siguiente código: .main-inner .column-center-inner {   padding: $(content.posts.padding) 0; } ...y lo reemplazamos con éste: .main-inner .column-center-inner {   padding: $(content.posts.padding) 0;   margin-right: -25px; /* Margen derecho dado al cuerpo de las entradas */ } Ensanchando la sidebar: Para reducir el espacio entre las entradas y la sidebar, en la plantilla Travel, empleando el método de ensanchar la sidebar, debemos tener en cuenta que tanto la entrada como la sidebar tienen un mismo fondo y, además la sidebar, dentro de éste, tiene otro fondo. Tendremos, entonces, que ensanchar el fondo de la sidebar y, en esa misma proporción, darle un margen negativo al cuerpo de las entradas, para que conserve su ancho original, ya que será desplazada por la sidebar en una dimensión igual al ancho que se le dé a ésta. Esto lo lograremos así: En el siguiente código: <b:template-skin>       <b:variable default='960px' name='content.width' type='length' value='960px'/>       <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>       <b:variable default='310px' name='main.column.right.width' type='length' value='310px'/> ...modificamos la cifra resaltada, pasándola de 310px a 335px, ensanchando así el fondo de la sidebar en 25px. Y para darle al cuerpo de las entradas su ancho original eliminamos el siguiente código: .main-inner .column-center-inner {   padding: $(content.posts.padding) 0; } ...y lo reemplazamos con éste: .main-inner .column-center-inner {   padding: $(content.posts.padding) 0;   margin-right: -25px; /* Margen derecho dado al cuerpo de las entradas */ } Abramos las ventanas y comparemos: Blog-plantilla Travel con el espacio entre entradas y sidebar original: aquí Blog-plantilla Travel con el espacio entre entradas y sidebar reducido ensanchando cuerpo de las entradas: aquí Blog-plantilla Travel con el espacio entre entradas y sidebar reducido ensanchando la sidebar: aquí Twittear