Primero ubicamos un codigo similar a este:
#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 */
}
Como ven en el código anterior la primera sidebar esta alineada a la derecha.
Y creamos otra sidebar que estará alineada a la izquierda, osea copiamos el mismo codigo pero cambiamos el nombre por el de la nueva sidebar:
#newsidebar-wrapper {
width: 220px;
float: left;
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 aumentamos el ancho de la sección que incluirá las 2 barras laterales, y los post:
El codigo original sería este:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
Y tendríamos que dejarlo así (agregar al menos los 220 de la nueva sidebar):
#outer-wrapper {
width: 850px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
Lo anterior depende tambien de los margenenes que existan, ahi deben ajustar el ancho hasta que quede bien.
Ahora hay que mostrar la nueva sidebar y listo.
El código que despliega la sidebar original es el siguiente:
<div id='sidebar-wrapper'>
<b class='sidebar' id='sidebar'>
<b id='BlogArchive1' title='Blog Archive' />
<b id='Profile1' title='About Me' />
</b>
</div>
Para agregar la nueva sidebar creada, deben agregar el siguiente código justo debajo de <div id=’main-wrapper’>
<div id='newsidebar-wrapper'>
<b class='sidebar' id='newsidebar'>
<b id='Text1' title='' />
</b>
</div>
Eso es todo, ya tienen su nueva sidebar funcionando.
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.
