Ampliar las entradas y ocultar la sidebar en las páginas independientes
Ya vimos la manera de personalizar la lista de páginas independientes en blogger. En esta entrada te enseñaré a conseguir que las entradas independientes o páginas estáticas tengan un ancho mucho mayor al de las entradas normales y que la sidebar (barra lateral) se oculte, permitiendo una lectura más sencilla.
Ver el blog normal
Ver una página independiente en el mismo blog con el truco aplicado



Busca la etiqueta </head> y justo encima añade este bloque:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main-wrapper {float: center; width: 860px;}
#sidebar-wrapper {visibility: hidden; display: none; width: 0px;}
</style>
</b:if>
El main-wrapper (la zona de las entradas) tendrá un ancho de 860 píxeles.
La barra lateral (sidebar-wrapper) estará oculta (visibility: hidden; display: none;) y con un ancho de 0 píxeles (width: 0px;).
Guarda la plantilla para terminar:

0 comentarios:
Publicar un comentario
¡Gracias por comentar!