modificando el tamaño de la planilla de blogger y de la barra

Una vez que hemos eliminado la barra de Blogger, y que hemos modificado la cabecera de nuestro blog el siguiente paso lógico es adecuar el tamaño del mismo, optimizar el ancho del main wrapper y side-wrapper, que por defecto están dimensionados para una resolución de 800x600 pixeles algo ya prácticamente en desuso en nuestros días.

Aunque anteriormente explique en que consistía vamos a revisar las partes básicas de la planilla del blog.

1.- Header-wrapper: cabecera
2.- main-wrapper: sector principal donde generalmente se asignan las entradas del sitio
3.- sidebar-wrapper: barra lateral del blog
4.- footer-wapper: pie de página
5.- outer wapper: parte de atrás de todos los anteriores sectores.

Antes de modificar nuestra plantilla HTML vamos a elegir nuestro nuevo formato, el tamaño del blog será de 900 pixeles por lo tanto debemos modificar todos los elementos de la planilla.

Header-wrapper sera de 900 px Footer-wrapper sera de 900 px
Outer-wrapper sera de 900 px

Main-wrapper sera de 600 px
Sidebar-wrapper sera de 250 px

Esta dimensiones son para que no se deforme la apariencia del blog además así conseguimos dejarlo un poco mas armonioso por que al centro le damos un espacio entre ambas columnas una distancia de 50 pixeles aproximadamente.

Para esto vamos a diseño – Edición HTML y buscamos el valor de 660px y lo reemplazamos por 900px

Las dos ultimas ya habia modificado el valor a 900 px

Posteriormente modificamos el main y sidebar wrapper a 600 y 250 respectivamente.

Y el resultado será el siguiente