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.
Artículos Relacionados
- Ventana de Avisos Para tus Visitantes, Classic-Blogger
Como la mayoria de los usuarios, no leen los avisos que estan en los post o en alguna parte de la sidebar o barra lateral, quizas les interese este código.
¿Que es lo que hace?, Aparece […]
- Visitas onLine Opromo
Otra forma de poner las visitas online sería aqui, entren a Opromo y en el menú de la izquierda eligan "visitas online"
Llegan a ésta página donde sale paso a paso lo que hay que […]
- Otra Herramienta para subir Presentaciones de Fotos e Imágenes “Slide Show”
Examiné uno de los programas que alguien comentó, se trata de Slide, en el cual pueden poner fotos .
Primero entran aquí Slide, luego a "crea un slide show":
Aquí podrán subir sus […]
- Fotos en el PerfilEsto es para los miembros, si les interesa me gustaria que me enviaran una foto de ustedes para agregarla junto a la mia...asi no se ve tan frio el perfil que por ahora no tenía nada mas […]
- Imagen de Fondo para el Blog, Classic-Blogger
Este es un aporte de tallarin :).
Bueno aveces queremos poner una imagen en el fondo de nuestros blogs pero no se puede por el simple hecho de que tienes que ubicar alguna parte de tu […]
- Agregarse en Google, ¿Como aparecer en Google?
Para que alguien encuentre tu blog en google hay que agregarse en una página que ofrece este servicio, en todo caso ellos(GOOGLE) no aseguran que siempre seas seleccionado...snifff
Por […]
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.
