blog de 3 columnas.

Primero, entrá por "Diseño" > "Edición de html" y buscá estos dos bloques, que tenés que achicar para que entre la otra barra lateral: div#main-wrapper { float: left; width: 66%; ------------------------ div#sidebar { width: 30%;   66 cambialo por 48 y 30 por 24. Debajo del bloque de la sidebar anadí lo que pongo en negrita: div#sidebar {     width: 24%;     float: $endSide;     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 */   } div#newsidebar-wrapper { margin: 10px; padding: 10px; text-align: $startSide; } div#newsidebar { width: 24%; float: $startSide; 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 */ } Luego buscá un poco más abajo buscá el bloque sin negrita y añadí justo abajo el bloque en negrita: div#sidebar-wrapper {     padding-top: 20px;     padding-$endSide: 1em;     padding-bottom: 0;     padding-$startSide: 1em;     text-align: $startSide;   } div#newsidebar-wrapper { padding-top: 20px; padding-$endSide: 1em; padding-bottom: 0; padding-$startSide: 1em; text-align: $startSide; } Más abajo, buscá el bloque siguiente -#sidebar h2- y también añadí lo que está en negrita abajo: #sidebar h2 {   margin: 0px;   color: $sidebarTitleColor;   font: $sidebarTitleFont;   padding: 0px;   border: none; } #newsidebar h2 { margin: 0px; color: $sidebarTitleColor; font: $sidebarTitleFont; padding: 0px; border: none; } #newsidebar .widget {   margin-top: 0px;   margin-$endSide: 0px;   margin-bottom: 33px;   margin-$startSide: 0px;   padding: 0; }        #newsidebar ul {   list-style-type: none;   font-size: 95%;   margin-top: 0; }             #newsidebar li {   margin: 0px;   padding: 0px;   list-style-type: none;   font-size: 105%; } Seguí unas cuantas líneas abajo y buscá <div id='main-wrapper'> Esta vez, hay que añadir arriba de esta línea esto: <div id='newsidebar-wrapper'> <b:section class='sidebar' id='newsidebar' preferred='yes'> </b:section> </div> Y guardar los cambios al pie de la plantilla. En la vista del blog vas a ver todo corrido, pero en "Elementos de página" vas a ver la nueva barra a la izquierda y arrastrando con el mouse alguno de los gadgets que tengas en la barra de la derecha ya vas a verlo en la nueva barra, donde podés seguir añadiendo más gadgets o moviendo los que ya tenés. Cualquier inquietus, avisá y lo vemos. Saludos. 13 usuarios de 14 consideran que esta respuesta es útil. ¿Es tu caso? Sí No Uso indebido NecN Nivel 2 02/05/09 Mil gracias por la ayuda... Me pondre desde que pueda con los cambios y ya te dire mi resultado!!! Gracias de nuevo!!! 0 usuarios de 1 consideran que esta respuesta es útil. ¿Es tu caso? Sí No Uso indebido NecN Nivel 2 03/05/09 Bueno, jeje... primer intento y fallido. El primer cambio de todos que me dices hacer: div#main-wrapper { float: left; width: 66%; No hay nada que ponga left, solo encontre esto que es lo mas parecido:   div#main-wrapper {     float: $startSide;     width: 66%; he cambiado el 66 por 48 y si que se ha achicado... seguire con lo demas pero si no es asi corrigeme. Gracias de nuevo 0 usuarios de 1 consideran que esta respuesta es útil. ¿Es tu caso? Sí No Uso indebido NecN Nivel 2 03/05/09 Pues si, genial... ha quedado de miedo, dos columnas, jeje.  Muchisimassssss Graciasssss!!! Lo tengo solo en el otro blog, despues me pondre con el bueno a hacerlo. Una duda, los cambios de 66% a 48% y de 30% a 24% se pueden modificar sin necesidad de modificar todo lo demas? Lo digo por hacer mas pequeña una columna o las dos, mas bien adaptandolo a las necesidades Tomado del foro de blogger