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
- Buscadores de Blogs
Para Carlos va este post..Probablemente les sirva a todos....jajja..
Una lista de buscadores de blogs:
Blogdigger
Clusty
Blogpulse
Daypop
Feedster
Icerocket
Bloogz (5 idiomas)
Britblog […]
- 4 Plantillas blogger con 3 columnas
Necesitas plantillas para tu blog en blogger y que sean de ¿3 columnas?, no te preocupes aquí te pongo a tu disposición 4 templates, que espero que te sirvan en tu sueño como blogero, […]
- Encuestas en Bravenet
El formato es el clasico, lo bueno es que pueden ajustar el ancho, y la encuesta se sigue viendo bien a diferencia de la encuesta Dpoll, que es muy bonita, pero si la dejas en la sidebar […]
- Música con MyFlashFetish
Si lo que buscan es poner música en tu blog, o algun contador, o un reloj, éste es el dato, primero éntren en la página MyFlashFetish
y como muestra la imágen en la parte superior […]
- Tablas de Colores
WIKIPEDIA
SitiosArgentina
Esta tiene varias utilidades, no muy bonitas, pero sirve para entender. Botones, texto en colores, tablas y otros. En la el boton de formulario aparece […]
- 3 Columnas en tu Plantilla, Blogger
Primero hay que registrarse en Blogcrowds, para copiar el codigo de cada una de las planillas, que tienen en diferentes post.
O si quieren descargan en forma directa de Megaupload las […]
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.
