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
- Que tan adictos?
Un test para saber que tan adictos sos...
Es muy bueno, mi resultado dio 21% (normal)xd...
Prueben ustedes:
Visita el Blog, que creo este test AQUI
Bueno espero que les haya interesado
Saludos
- PhotoFunia, efectos para tus fotos muy divertidos
Una pagina muy buena donde pueden agregar efectos excelentes a tus fotos es http://www.photofunia.com/ aquí pueden lograr cosas muy divertidas como aparecer en el cuadro de un museo, en […]
- Boton Ir Arriba
Esto funciona en cualquier plataforma de Blogs (Blogger, WordPress..) o Página web.
Un truquito muy sensillo de hacer.
Pero muy útil para los que tenemos un blog largo.
Esta adaptado […]
- Gana $25 Dólares por Cada Persona que Refieres al Servicio
Este Servicio, es increible, puedes Publicar Anuncios y Además Ganar 25 Dólares por cada Referido, Haz click aquí mismo Para Inscribirte y Comenzar a Ganar Dinero, Solo debes obtener tu […]
- Letras Brillantes con Efecto para tu Blog o Página web
Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web.
Esta pagina Glittergraphics tiene 28 estilos de letras para los que le gustan estas […]
- Nuevo Chat para el Blog
Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web.
Nuevo Chat MEEBOME, cuales son las ventajas y desventajas de este chat que encontre, no lo […]
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.
