Cambiar el ancho de las páginas estáticas en Blogger


El día de hoy enseñaré como cambiar el ancho y modificar la apariencia o estilo de las páginas estáticas en nuestro Blog de Blogger, para ello lo explicaré de dos formas o métodos; la primera afectando con código todas las páginas estáticas ó de forma individual si queremos que sean páginas específicas.

CAMBIAR TAMAÑO O ANCHO DE LAS PÁGINAS ESTÁTICAS EN BLOGGER

TUTORIAL:

El logro de este post se ve reflejado en las páginas de BlogginRed:




Cambiando ancho de páginas estáticas en general o a todas, para ello vamos a Plantilla > Editar HTML > y buscamos en el código la siguiente etiqueta <body> debajo de esa etiqueta pegamos lo siguiente: 

<b:if cond='data:blog.pageType == "static_page"'>
    <style type="text/css">
      #sidebar-wrapper {display:none;}
      #main-wrapper {width:940px;}
      #main {width:100%;}
      .post {width:90%;}
   </style>
</b:if>

El código anterior considerando que es para cambiar el ancho de nuestras páginas individuales, si consideramos editar el ancho sólo modifiquen lo que está en naranja y guardar.

MÉTODO DOS, Ancho y estilos en páginas estáticas específicas

Para ello el proceso será el mismo, pero, no editaremos desde la plantilla directamente si se quiere editar una página específica vamos a Páginas > Abrir la que se desea > HTML:


Allí en el plano de Edición HTML de la página pegaremos lo siguiente un código similar al anterior:

<style type="text/css">
      #sidebar-wrapper {display:none;}
      #main-wrapper {width:940px;}
      #main {width:100%;}
      .post {width:90%;}
   </style>

Y guardamos quedando todo listo, es importante saber que la edición de ancho está citada con CSS por lo cual pueden darles más estilos a las páginas estáticas.

Espero les ayude este tutorial.

Hasta la próxima, 

4 comentarios:

  1. Millones de gracias, en su día quise lograr esto en mi blog y hube de recurrir a quien creó mi plantilla. De haber sabido que resultaba tan fácil lo hubiese hecho yo misma.

    ResponderBorrar
    Respuestas
    1. Hola Fábrica de artesanías... gracias por comentar si es fácil... jeje

      Saludos,

      Borrar
  2. Buenas amigo, muy buen tip, una pregunta nomas, para hacer que el contenido de la pagina tambien se expanda? Veras es que nada mas se quita el slider pero el texto e imagenes siguen con el mismo margen

    ResponderBorrar

ESTAMOS EN: