Modificar el ancho de columnas en una plantilla de Blogger


Una entrada rápida para comentar como modificar el ancho de las colunmas de las plantillas de Blogger y ganar un poquito de espacio.

Para hacerlo basta ir a “Escritorio -> Diseño -> Plantilla->Edición de HTML”.  Saca una copia de seguridad usando “Descargar plantilla completa”. Y ahí busca:

/* ---( layout structure )---*/

#outer-wrapper {
  width: 847px;  margin: 0px auto 0;
  text-align: $startSide;
  font: $bodyfont;
  background: url(http://www.blogblog.com/tictac/tile_$startSide.gif) repeat-y;
  }

#content-wrapper {
  margin-$startSide: 42px; /* to avoid the border image */
  width: 763px;
  }

#main {
  float: $startSide;
  width: 480px;  /*460*/
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 1em;
  line-height: 1.5em;
  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 */
  }

#sidebar {
  float: $endSide;
  width: 259px; /*259*/
  padding-top: 20px;
  padding-$endSide: 0px;
  padding-bottom: 0;
  padding-$startSide: 0;
  font-size: 85%;
  line-height: 1.4em;
  color: $sidebartextcolor;
  background: url(http://www.blogblog.com/tictac/sidebar_bg.gif) no-repeat $startSide top;
  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 */
  }

Los textos en azul son los que habrá que ajustar para obtener lo que queremos.

Visto aquí.

Compartir
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *