PÁGINAS DE BLOGGER

Personaliza las páginas estáticas de Blogger

Te muestro un ejemplo aquí

Si observas bien veras que ocupa el 100% del blog. 

Paso de  este formato:

A este otro formato:

Antes que nada comencemos a preguntarnos que es un sidebar. 

Sidebar son aquellos elementos que se encuentran en el lado izquierdo o derecho de la pantalla. Estos sidebar aportan contenidos mínimos o bien denominados como mini aplicaciones y que generalmente se denominan gadgets.

¿Cómo personalizar las páginas en blogger para que el usuario aprecie una página importante y no tenga ningún tipo de distracción?   

Para ocultar los sidebar en páginas estáticas en blogger les presento esta opción.  

Importante: Este código que les permite ocultar los sidebar lo implemente con una plantilla diseñada. No de una plantilla propia de blogger.  

Pasamos a blogger y buscamos la opción plantilla

clic sobre la imagen

Después nos dirigimos a editar  HTML

Nos va aparecer los siguientes códigos

Hacemos clic sobre cualquier sector y presionamos las teclas ctrlo + F. Nos va aparecer un pequeño buscador en el sector derecho superior. Lo pueden observar en esta imagen.

En ese buscador escribimos  </head> 

Arriba de ese código pegamos el siguiente: 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<style type='text/css'>

#sidebar {

display: none; 

}

#sidebarleft {
    display: none;
    }
 

#main {

width: 1120px; 

margin-left: 30px ;  

}

</style>

</b:if>

El valor naranja es el anchura de nuestro blog. Podemos borrar la parte de código rojo si no tenemos columna a la izquierda. Variamos el valor de la línea marcada en azul para centrar nuestra página.

Modifiquen esos números y vamos viendo como va quedando el blog. Si convenció hacemos clic en el botón "Guardar Plantilla"

clic sobre la imagen

Espero que sirva y que lo implementen...!