domingo, enero 24, 2010

Ensanchar la plantilla Mínima

Tutoriales - Ayuda para tu Blog 

Bueno en este tutorial les voy a mostrar como pueden cambiar el ancho de su blog (cuerpo, entradas, sidebar, titulo, etc)
Para esto les dejo 5 pasos sencillos para que lo puedan hacer, ya sea disminuir o agrandar el ancho de tu blog.
En estos 5 pasos les voy a mostrar como ensancho mi blog, ya de paso les dejo una medida muy apropiada y conveniente para ensancharlo, pero esta de mas decir que pueden elegir la medida que ustedes quieran.

1) Primero que nada deben dirigirse a la parte de diseño del blog, a la edicion de codigo HTML. No hace falta que expandamos los artilugios. Nececitamos localizar la instruccion #outer-wrapper ( Esto es como quien dice, el ancho del blog en si, dentro del blog esta el espacio para las entradas y la sidebar, si queremos ensanchar estas ultimas, primero debemos hacer espacio en el blog para que luego entren sin problemas). La primera linea debajo de:#outer-wrapper es width: 660px;Cambiaremos esa línea por width: 850px; (width significa ancho y el numero es la cantidad de pixeles que le estamos dando)

2) A continuacion vayamos a ensanchar el espacio de entradas (main), si buscamos mas abajo de lo anterior debemos encontrar: #main-wrapper ( y al igual que antes cambiamos la línea del width (ancho) por esta: width: 500px;)

3) Un poco más abajo vemos #sidebar-wrapper (, ahí es donde modificaremos el ancho de nuestra sidebar con el mismo sistema que antes, cambiando la línea del width (ancho) por esta otra: width: 250px;)

ancho_blogger_1.JPG


4) Ahora vayamos a ensanchar el titulo para lograr una mejor estetica en nuestro blog, para eso dejemoslo del mismo ancho que el resto del blog. Para hacer este cambio buscamos (hacia arriba) esta parte: #header-wrapper ( y cambiamos la línea del width porwidth:850px;) (el mismo ancho que el cuerpo del blog), así la cabecera ocupará el mismo espacio que las entradas y la sidebar juntas. Bajamos ahora por el código de la plantilla, hasta encontrar el #footer ( y le ponemos también el mismo ancho que el blog: width:850px;)
de esta forma nuestro blog logra una imagen uniforme.

ancho_blogger_2.JPG



ancho_blogger_3.JPG

5) Usamos la vista previa, y si todo ha ido según lo previsto, guardamos los cambios.

Si usas otras medidas no olvides que la suma del ancho de las entradas con el de la sidebar, debe ser menor o igual a el ancho del blog para una correcta vizualizacion.

2 comentarios:

Martha dijo...

Ainnss, guapaaaa! Todavía no conocía este blog tuyo...Y esta tarde, curioseando por Día a Día II, lo he descubierto...y no puedo por menos que agradecerte este post!! Nada más verlo, me he puesto manos a la obra! Llevaba mucho tiempo queriendo asanchar el cuerpo de mis post, pero no sabía cómo hacerlo!

Me daba muchísima pereza ponerme a buscar por ahí cómo hacerlo y pensaba que perdería mogollón de tiempo hasta enterarme bien...

Y ahora, gracias a ti, ya está hecho y no he tardado nada!! ^^

Lo dicho...mil gracias!

1 besazo!

Falar ben éche ben doado dijo...

ola buenas, ahora ha cambiado el modelo de las plantillas de blogspot.... alguien me hecha una mano??? un saludooo y muchisisismas asias :)

Publicar un comentario