Añadir una sidebar (barra lateral)
Te voy a explicar como añadir otra sidebar (barra lateral) en tu blog, lo primero de todo debes saber que no es tan difícil como parece. Una vez la hayas "instalado" podrás añadir artilugios, imagenes y contenido como en la que ya tienes.
Diseño>edición HTML>expandimos artilugios y buscamos /* Outer-Wrapper:
Cambiamos algunos valores, en #outer-wrapper aumentaremos el ancho que es width:660px; a width: 750px; de esta forma estamos aumentando el tamaño del blog 90px;
Ahora buscaremos #main-wrapper y cambiamos width: 410px por width: 400px; y debajo le pondremos esta línea:
Necesitamos buscar esto:
Y justo después le pegamos esto:
Ahora simplemente nos queda buscar <div id='content-wrapper'> y pegarle esto justo debajo:
Guardamos cambios y listo, tendrás una nueva sidebar! ¡¡ya puedes añadir gadgets (elementos de página) en ella!!
Diseño>edición HTML>expandimos artilugios y buscamos /* Outer-Wrapper:
Cambiamos algunos valores, en #outer-wrapper aumentaremos el ancho que es width:660px; a width: 750px; de esta forma estamos aumentando el tamaño del blog 90px;
Ahora buscaremos #main-wrapper y cambiamos width: 410px por width: 400px; y debajo le pondremos esta línea:
margin-left: 20px;
Necesitamos buscar esto:
#sidebar-wrapper {
width: 150px;
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 */
}
Y justo después le pegamos esto:
#newsidebar-wrapper {
width: 150px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
Ahora simplemente nos queda buscar <div id='content-wrapper'> y pegarle esto justo debajo:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>
Guardamos cambios y listo, tendrás una nueva sidebar! ¡¡ya puedes añadir gadgets (elementos de página) en ella!!
0 comentarios:
Publicar un comentario
¡Gracias por comentar!