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
- Cambios en el titulo parte II, ¿Como cambiar el Color?, Blogger
Por lo general todo lo referente al color se encuentra definido en las hojas de estilo (CSS), que es común a todas las plataformas de Blogs.
En el caso de betablogger la hoja de estilos […]
- 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 […]
- Fotos de los comentaristas, BloggerEsto es para mostrar imágenes para los comentaristas, ya sea de nosotros, los usuarios anónimos y los demás usuarios. Necesitaremos tres imágenes, uno para nuestros comentarios, otro para […]
- Programar Post para que se posteen solos..
Bueno, hoy posteare algo que me parecio muy util, seguro a todos ustedes, programar POST para que se publiquen el dia que quieras SOLOS
Es muy Facil aca te explico como...
Lo primero […]
- Fotos en Instantizer
Si lo que queremos es una imagen que simule ser una fotogría instantánea, deben entrar aquí Instantizer
Aquí lo que hacemos es seleccionar la imagen desde su pc, dar una pequeña […]
- Cambios en el titulo parte I, Entendiendo las cosas basicas, WordPress
Generalmente dependiendo de la persona que realizó el diseño de tu blog, todo lo que sea título, se define como head, o encabezado (si se traduce)
En mi blog este código que presento a […]
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.
