Ocultar la Sidebar en las Páginas estáticas – Car – Motor

Ya hemos vistocómo personalizar el gadget de las Páginas ycómo mostrar las Páginas de forma diferente, pero me preguntan si se puede ocultar la sidebar cuando se está en las Páginas.

Sí se puede, y se realiza usando la misma condicional que usamos para mostrar las Páginas de forma distinta.

Puedes ver un ejemplo eneste blog de pruebas, verás que al hacer click sobre una Página la sidebar desaparece y el contenido de la Página ocupa todo el ancho del blog.

ACLARACIÓN: Los elementos mencionados a continuación son los que usan la mayoría de las plantillas clásicas de Blogger, en otras plantillas posiblemente encontrarás los elementos con el mismo nombre, de lo contrario deberás localizar en tu plantilla cuál es el nombre que corresponde. Si usas una plantilla hecha a través del Diseñador de Plantillas de Blogger entonces sigue este tutorial.

Lo único que necesitamos es saber cuánto mide elouter-wrapper de tu blog; en la plantilla Mínima dice esto:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

En este caso el outer-wrapper mide660px.
Entonces lo que haremos será entrar enDiseño Edición de HTML y pegar antes de/head lo siguiente:

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

Como ven sólo hemos usado una condicional la cual indica que cuando se trate de una Página entonces el contenedor de la sidebar medirá 0px de ancho, o sea nada, y además el contenedor del área de las entradas medirá el total del ancho del blog, en este caso 660px.

Como mencioné antes, los nombres de los contenedores pueden variar según la plantilla, sólo deberán localizar cuál es el nombre del contendor de la sidebar (sidebar-wrapper), el área de las entradas (main-wrapper) y el ancho total del blog (outer-wrapper).

Por supuesto este hack también se puede combinar con el de

mostrar las Páginas de forma diferente, sólo habría que agregar los estilos correspondientes dentro de este código, con lo cual quedaría así de forma completa:

b:if cond='data:blog.pageType == "static_page"'
style type='text/css'
#sidebar-wrapper {
width: 0px;
display:none;
visibility:hidden;
}
#main-wrapper {
width: 660px;
}
.post {
color: #8A4B08;/* Color del texto */
border: 1px solid #FF8000;/* Color del borde */
margin:.5em 0 1.5em;
padding: 5px;
background: #F2F5A9;/* Color de fondo o imagen de fondo */
}
.post h3 a {
color: #cc6600;/* Color del titulo */
font-family: Impact;/* Tipo de letra del titulo */
font-size: 20px;/* Tamaño de letra del titulo */
text-transform: uppercase;
text-align: center;/* Alineación del título */
letter-spacing: 5px;
}
.post h3 a:hover {
color: #FF8000;/* Color del título al pasar el cursor */
}
.post img {
padding:4px;
border:2px solid #FF8000;/* Color del borde las imágenes */
}
/style
/b:if

Como ven, la primera parte contiene la indicación sobre ocultar la sidebar dentro de las Páginas y la segunda parte contiene los estilos para las Páginas.

De esta forma sencilla hemos podidoocultar la sidebar en las Páginas estáticas con la posibilidad demostrar las Páginas de forma diferente.

Php programmers for hire attorney lawyer mesothelioma mesothelioma personal injury lawyers Mortgage adviser WebEx costs World Trade Center Footage HOW TO DONATE A CAR IN CALIFORNIA Criminal defense lawyer business voice mail service Structures Annuity Settlement CAR ACCIDENT LAWYERS Cheap Domain Registration Hosting Personal Injury Lawyers Criminal lawyer Donate your car Sacramento Mobile casino Online casino Cheap Car Insurance in Virginia Best social media platforms for business ANNUITY SETTLEMENT MOTOR REPLACEMENTS personal injury lawyer Personal Injury Law Firm hair removal washington dc Donate Your Car for Kids Forensics Online Course Make money online Australia motor replacements Casino mesothelioma law firm car insurance quotes buyer of structured settlement annuity alabama mesothelioma lawyer motorcycle accident lawyer california miami personal injury attorney peritoneal mesothelioma Tech school webex costs motorcycle lawyer los angeles AUTO ACCIDENT ATTORNEY broward county dui lawyer criminal defense federal lawyer Online Stock Trading motorcycle accident attorney chicago mesotheioma Business management software Motor Insurance Quotes Donating Used Cars to Charity Life insurance co Lincoln motorcycle accident lawyer san francisco Hire php programmers Casino reviews Live casino DUI lawyer Bankruptcy lawyer Online College Course cloud identity and access management Hire php developers Business finance group Custom WordPress theme designer mesothelioma lawsuits Dwi lawyer Service business software Italian cooking school ONLINECLASSES Social media platforms for business New social media platforms Seo services ONLINE COLLEDGES Donating a Car in Maryland Seo companies structured settlements companies Best Criminal Lawyers in Arizona business administration masters Online Criminal Justice Degree Paperport Promotional Code data recovery raid quotes car Hire php developer CAR INSURANCE QUOTES COLORADO paperport promotional code structured settlement sell CHEAP CAR INSURANCE FOR LADIES att call conference structured settlemen Holland Michigan College low credit line credit cards Met Auto Computer science classes online Donate your Car for Money Health Records Personal Health Record Neuson Php programmers car insurance companies Cheap car insurance in Virginia Better conferencing calls harddrive data recovery services Online Classes donating used cars to charity most profitable internet business Social media platforms google adsense mesothelioma claim Sell Annuity Payment Html email structured settlement brokers better conferencing calls structured settlement purchasers Motor replacements Home phone internet bundle offshore accident lawyer FUTURISTIC ARCHITECTURE Social media examiner Mesothelioma Law Firm Social media tools