27 de diciembre de 2014

Páginas estáticas más anchas en blogger




Las entradas independientes o páginas estáticas pueden tener un ancho mayor al de las entradas nomales haciendo que la sidebar se oculte. Para obtener esto vamos a:

Diseño►Edición de HTML ►Control+F y buscamos la etiqueta

</head>

Encima pegamos:

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main-wrapper {
float: center;
width: 1000px;
}
#sidebar-wrapper {
visibility: hidden;
display: none;
width: 0px;
}
</style>
</b:if>


El main-wrapper (la zona de las entradas) tendrá un ancho de 1000 píxeles, el valor es variable en función de lo que mida la totalidad del main y la sidebar.

La barra lateral (sidebar-wrapper) estará oculta (visibility: hidden; display: none;) y con un ancho de 0 píxeles (width: 0px;)

► Guardar plantilla.

Para lograr cambios de diseño es necesario usar la condicional que Blogger otorga para las Páginas Estáticas:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
...El código ...
</b:if>


Nota: alguna plantillas pueden nombrar así a los elementos
div#sidebar-wrapper {
width: 0px;
visibility:hidden;
display:none;
}
div#main-wrapper {
width: 90%;
}




1 comentario:

Diseño por Blogger Sin Escalones Con la tecnología de Blogger.