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
- Encuestas que Rotan de Bravenet, Muchas en el mismo lugar, WordPress
Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web.
Primero deben crear su cuenta en Bravenet. HAZ CLICK AQUI PARA IR A BRAVENET. Luego Pincha […]
- Agrega tu CHAT de CBOX
Esto es aplicable en cualquier plataforma de Blogs (Blogger, WordPress..) o Página web.
Quieres tener este chat???
Primero debemos Ir a la pagina CBOX y crean una cuenta. Rellenamos […]
- Nueva Plantilla Para tu Blog con 3 Columnas, Blogger
Esta es la plantilla Accord, yo la he modificado para que quedara con 3 columnas, espero que les guste:
Descargar Plantilla: Click Aqui
- Bravenet esta ofreciendo cuentas gratis para animaciones en el blog
Si necesitan llamar la atencion con algo, claramente esta es una buena idea. Al parecer las personas que venden algun producto aumentan sus ventas debido a estos caracteres animados (y […]
- Ojo con los spyware
Lei en un blog y en varios, que les está apareciendo este error:
Pues bien, he aquí mis consejos y apreciaciones:
- El servidor BLOGGER esta teniendo problemas, podria ser que se este […]
- Como ”justificar” los textos de todas las entradas de Blogger
Seguramente ustedes no justifican todas las entradas de blogger, por que aveces simplemente se les pasa por alto, algo que se ve mal si tienes un blog de alto pagerank o […]
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.