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
- Como agregar una Imagen en el Titulo, Parte II, TICTAC, Classic Blogger
Para agregar una imagen al título en el Template TICTAC...El procedimiento ES SIMILAR AL DEL Son of Moto, La única diferencia es que la imagen tiene distinto largo, el ancho se ajusta […]
- Como agregar Una Anotacion
Es aplicable a cualquier plataforma de Blogs.
Si quieren agregar el significado de alguna palabra, o por ejemplo, detallar algun tipo de ingrediente (especial para los que tienen un blog […]
- El Sigue Leyendo!!! o Leer Mas!! Explicado para Classic Blogger
Ya... un post paso a paso, para aquellos que nunca pudieron utilizarlo..
Algunas imagenes las saqué del blog de carola. Muchos trataron de hacer esto, y no pudieron, probablemente por […]
- Bloquea el boton derecho, Blogger
Para proteger el texto de nuestra Web o blog solo Sige estos pequeños y sencillos pasos:
Ve a diseño/ añadir Gadget y selecciona HTML/JavaScript y pega el siguiente […]
- Otro lugar para subir Archivos
Para los que necesitan compartir archivos con sus visitas, les aviso de este sitio "MEDIAFIRE".
Ayer lo probé y me pareció bastante rápido y lo mejor es que se pueden bajar todos los […]
- Como conseguir visitas
Los que les voy a contar es por que lo se por experiencia, las visitas tardan en venir pero de apoco llegan, hay que tener un poco de paciencia, pero si no llegan, la mejor manera de […]
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.
