Como Modificar Tamaño de Cabecera y Barra Lateral

un blog esta constituido por varias secciones pero principalmente son 3 las mas importantes:

  • Header(Cabecera)
  • Main Wrapper(Seccion de Posteo)
  • Side Bar(Barra Lateral)
las cuales por definicion tiene un tamaño determinado el cual puede ser modificado generando correcciones en el codigo html de la palntilla.

para lo cual deberemos presionar el boton personalizar, Diseño, edicion de Html, estando en esta seccion deberemos ubicar el siguiente codigo:

/* Outer-Wrapper
----------------------------------------------- */
Siquieres modificar el tamaño de la cabecera debes modifica el valor correspondiente a width: 750px; por los pixeles que estimes convenientes.

#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Siquieres modificar el tamaño del sector de posteo deberas modifica el valor correspondiente a width: 500px; por los pixeles que estimes convenientes.

#main-wrapper {
width: 500px;
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 */
}

Siquieres modificar el tamaño de la barra lñaterl deberas modifica el valor correspondiente a width: 220px; por los pixeles que estimes convenientes.

#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 */
}

se debe tener en cuenta que la suma del ancho de la barra lateral y de la seccion de posteo no debe superar el tamaño de la cabecera, ademas se sugiere que ambos sumen 30 px(pixeles menos que el tamaño predetermiando para el ancho de la cabecera)

9 comentarios:

Automotores Miguel Capobianco dijo...

gracias!
funciono perfecto

Riddick dijo...

Gracias me funciono muy bien ahora redimencione las barras de mi blog

Ana Elorza dijo...

Hola,

¿se puede cambiar el tamaño de la cabecera pero en lo referente a la largura? He subido una foto y se ve enorme.

Muchas gracias

rock satori dijo...

Muchisismas gracias tan facil que es y muchos nos inundan de codigos que para los principiantes en esto de bloguear parece que nos hablan en hebreo antiguo o de calculos para ir a la luna y tu explicas de manera tan facil y directa ;)

Unknown dijo...

Gracias

Ing Jesus Grey dijo...

gracias men me ayudo mucho con mi blog grandes misterios por jesus cordero la letras de la paginas subian mucho al logo

Marita dijo...

Muchas gracias, me salvaste la vida con el tamaño de la navbar !!!!!

Rocio dijo...

Es bueno que gracias a paginas como estas nos ayudemos entre todos, sobre todo los que tenemos mas problemas con las computadoras como yo. Mi lumia 900 tuvo que ayudarme a usar mi hijo porque no soy buena con la tecnología

Unknown dijo...

Por que no me sale nada de #outer-wrapper {? Es un template free. Ayudenme por favor.

 


Manual del Blog - Templates Novo Blogger 2008