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
- Botones para tu Blog o Pagina Web
Esta página es para hacer botones fácilmente y totalmente configurable.
Entrar a Mycoolbutton ahora explicaré las distintas partes:
* nº1: es el tamaño del botón. Para poder ir viendo […]
- Snap
Si quieren que sus links se vean en una ventana al acercar al cursor -como se ve en la imagen-, lean este post.
Primero entrar a Snap y hacer click en "Get started". Lo primero es que […]
- Mas chat o mensajeros para tu blog
Este Post es aplicable en cualquier plataforma de Blogs (Blogger, WordPress...) o Página web.
Hola bueno navegando también encontré algunos chats y mensajeros para colgar o poner en el […]
- 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 […]
- Agrega un Buscador para tu Blog o pagina Web
Para colocar un buscador simple en el blog, que sea solo de búsqueda dentro de nuestro blog, solo deben pegar éste código en la sidebar:
[html]
[/html]
Lo único que deben […]
- BooMP3, reproductor y servidor de música
Una forma muy fácil de colocar música en tu blog es con BooMP3, porque no necesitas un servidor aparte para subir la canción y por otro lado un reproductor, luego juntar los 2 códigos, […]
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.
