Cargando...
BIENVENIDAS A MI BLOG DE AYUDA

Como cambiar el ancho de la plantilla de tu blog

Hola, si son como yo que les gusta andar cambiando y cambiando la apariencia de nuestro blog les explicaré como cambiar las medidas del mismo ya que muchas veces cuando cambiamos de plantilla ó el fondo del mismo, el espacio de nuestras entradas es muy pequeño ó no queda bién y nuestro blog se vé mal, al igual que el espacio del sidebar, título, etc.

Antes de moverle a nada, por favor saquen una copia del contenido de su blog, se van al diseño de su blog y se dirigen a la pestaña que dice edicion de HTML, copian todo el código de adentro y lo guardan, ahora si empezamos.

Estando en la pestaña de HTML vas a teclear juntas ctrl mas f y en la parte de abajo se te abrira una pequeña ventanita ésto es para poder localizar los códigos en nuestra plantilla, en ése cuadrito le pondrás

#outer-wrapper en la plantilla se te pondrá de color verde y así facilmente encontramos lo que queremos.

el outer-wraper 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)

Ahora 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;)

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;)

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 por width: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.

Las medidas que les he dado son las más comunes, ya si quieres cambiarlas tienes que tomar en cuenta 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.

Ahora cruza los dedos y vete a VISTA PREVIA que se encuentra hacia abajo y si todo lo hiciste bién se te abrirá el blog, si te gustó como se ve con las medidas nuevas GUARDAS LOS CAMBIOS si no modifícalas nuevamente hasta que quede de tu agrado.


Si te ayudó mi explicación, porfis déjame tu comentario, gracias


Photobucket
GRACIAS POR TUS COMENTARIOS
Photobucket

 

Photobucket
 
ir arriba