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
- Instalar WordPress en nuestro Web Hosting Gratuito Manualmente
Seguiremos explicando como instalar diferentes servicios o plataformas en el host 000Webhosting. Ya explicamos como subir archivos en uno de los ultimos post, .
¿Cual es la ventaja de […]
- Como instalar un foro phpBB en tu Web Hosting Gratuito, Parte 2
Ok, en el post anterior quedamos con todos los archivos instalados en la carpeta foro. Antes de tener todo listo para la instalación, voy a mostrar un par de pantallas para que vean que […]
- Videos con VodPod
Esta herramienta es útil para hacer un listado con videos que se encuentran en la web, lo bueno es que busca en distintas partes como dentro del mismo archivo de Vodpod, pero tambien de […]
- Descargar archivos con uTorrent
Bueno ahora les voy a contar de mi programa favorito a la hora de realizar descargas, el uTorrent, sin dudas hay muchísimos programas de este estilo, pero a mi este programa no solo me ha […]
- Pikifx, Editor de Imágenes
Encontré un dato entretenido para arreglar nuestras imágenes a nuestra pinta, ponerle marcos, darle efectos, etc. Y lo mas importante de todo que es super fácil de usar.
Primero entren a […]
- Agregar iconos gestuales al blog, en Blogger
A mi parecer este truco es muy útil, ya que tendremos emoticons para escribir los post, y tambien cuando necesitemos dejar un comentario. Primero debes descargar Firefox si […]
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.
