Plantilla de 3 Columnas MÍNIMA

Si queremos convertir nuestra plantilla MINIMA de 2 columnas, en una de 3 para tener más espacio para nuestros gadgets, en este tutorial aprenderemos cómo hacerlo de una manera fácil y rápida.

Para ello iremos apretamos en "Personalizar" y luego elegiremos la pestaña "Diseño/Edición de HTML".

Haremos una copia de seguridad de la plantilla actual, porque más vale prevenir que curar, y así, en caso de que algo salga mal o no nos guste, siempre podremos dejar el blog como lo teníamos. Así pues, apretamos donde dice "Descargar plantilla completa" y la guardamos con el nombre que queramos.

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

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 buscamos el código que dice:

#sidebar-wrapper { width: 220px; float: right; 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 */ }

(Clic en las imágenes para verlas más grandes)

2. Lo pegamos justo a continuación. Ahora cambiaremos lo siguiente:


3. Un pelín arriba añadimos lo siguiente donde indica la imagen:

margin-left: 25px;

4. Ahora ajustaremos algunos valores para adecuarlos a la nueva plantilla. Para ello cambiaremos los siguientes números:


5. Casi al final del código, buscamos la parte de color verde y pegamos justo encima lo siguiente:

<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/></div>

6. Para finalizar, ajustaremos el ancho del banner central del blog. Para ello cambiaremos los siguientes parámetros:


Y ya solo nos queda Guardar la plantilla.

Ahora, iremos a la pestaña de "Elementos de la página" y veremos las tres columnas, listas para añadir los gadgets que necesitemos.