lunes, 21 de enero de 2013

Cómo poner tres columnas a un blog

Este tutorial te va a servir para añadir una columna extra para tu blog, si tu blog solo tiene dos columnas (incluyendo el contenido), con este tutorial podrás agregarle otra adicional. Y el mismo sirve para agregarle cuantas columnas quieras.

Una vez que ya tenemos nuestra copia de seguridad hecha, empezaremos con los cambios en el código para conseguir las tres columnas.

La plantilla que vamos a "tunear" será una Mínima en cualquiera de sus versiones originales. Antes que todo debemos ir a Plantilla: Editar HTML y desmarcar (si es que lo está) la casilla Expandir artilugios. Una vez establecida, iremos dando los siguientes pasos:

1.  Vamos a copiar el código de la barra lateral y lo duplicaremos. De esta forma habremos creado una segunda barra lateral. Para ello vamos a buscar esta parte del código:
#sidebar-wrapper {
width: 293px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breking IE sidebar float */
}
2. Copiarla entera y pegarla inmediatamente después haciendo las modificaciones en las líneas de código 1 y 3:
#newsidebar-wrapper {
width: 293px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breking IE sidebar float */
}
De esta forma hemos bautizado a nuestra nueva columna y definido sus principales características -el ancho de 293 px y suposición a la izquierda de la pantalla-.