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
- El mejor sitio de almacenaje de la web para que Subas tus Archivos, Musica, Videos e Imágenes
hola, bueno aca les dejo una direccion de una pagina web para alojar archivos, posee 25gb gratis...
Fue creado por streamload, esta pagina te da un privado y seguro espacio o lugar para […]
- Gadget para Adsense
Encontre esto y me parecio super útil, primero debes descargar el Google desktop, es una barra que queda en tu escritorio a la cual le puedes ir agregando muchas funcionalidades, […]
- Template Polaroid para Blogger
Me parece bastante interesante este template, ya que las secciones estan bien distribuidas, por ahora voy a dejar la imagen de la plantilla y el link para descargarlo; luego traducire el […]
- Encuestas en Dpoll
Actualización del Post: 11/09/2013
El sitio dpoll ha cambiado completamente, aun se pueden hacer encuestas y agregarlas en tu blog, como la que he dejado de ejemplo aca, pero ahora el […]
- Crear un Banner es muy facil !!!!
Esto es aplicable para cualquier Plataforma de Blogs (Blogger, WordPress...) o Pagina web.
Esta es una página para crear banner en forma muy, pero muy facil.
Primero Ingresan a la […]
- Gtalk, comunicacion instantanea
Gloogle Talk es el sistema de mensajería instantanea de google. Super facil de instalar y ocupar, además de ser muy estable, sobrio y la puedes ocupar en tres […]
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.
