sábado, 9 de agosto de 2014

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, 

0 comentarios:

Publicar un comentario

SÍGUENOS EN: