Ocultar gadgets y elementos en distintas partes del blog – Dominios

Con anterioridad vimos cómomostrar los gadgets sólo en la portada, o bienmostralos sólo en las entradas individuales, para ello nos hemos valido de loscódigos condicionales que como habíamos dicho en esa entrada son reglas que condicionan dónde se ejecuta determinado código y dónde no.

En este caso veremos algunos ejemplos paraocultar elementos en distintas partes del blog. Para ello necesitamos dos cosas, saber identificar los IDs de los gadgets o contenedores, y sabercuál condicional usar.

Primero, entramos enDiseño | Edición de HTML ySIN expandir plantillas de artilugios buscamos el nombre del gadget que queremos ocultar y en seguida veremos su ID.

Lo que está entre comillas simples después de id= es el nombre del ID del gadget. En el ejemplo anterior el ID del gadget que ocultaremos es HTML1

Ahora antes de/head pegamos alguno de estos códigos:

Ocultar un elemento SÓLO en la portada del blog

b:if cond='data:blog.url == data:blog.homepageUrl'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento en todas partes MENOS en la portada del blog

b:if cond='data:blog.url != data:blog.homepageUrl'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento SÓLO en las entradas individuales

b:if cond='data:blog.pageType == "item"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento en todas partes MENOS en las entradas individuales

b:if cond='data:blog.pageType != "item"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento SÓLO en las páginas del archivo del blog

b:if cond='data:blog.pageType == "archive"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento en todas partes MENOS en las páginas del archivo del blog

b:if cond='data:blog.pageType != "archive"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento SÓLO en las páginas estáticas

b:if cond='data:blog.pageType == "static_page"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento en todas partes MENOS en las páginas estáticas

b:if cond='data:blog.pageType != "static_page"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento en una entrada específica o etiqueta específica

b:if cond='data:blog.url == "URL de la entrada o etiqueta"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

Ocultar un elemento en todas partes MENOS en una entrada o etiqueta específica

b:if cond='data:blog.url != "URL de la entrada o etiqueta"'
style type='text/css'
#NOMBRE {
display: none;
}
/style
/b:if

En cualquiera de esos casos cambiaremos donde diceNOMBRE por el ID del gadget que queremos ocultar.

Con este mismo métodopodemos ocultar también contenedores de la plantilla (en las plantillas antiguas), por ejemplo, si quisiera que el header no se mostrara en la portada del blog haremos lo mismo, primero localizar el ID del contenedor.

En ese caso el ID de la cabecera esheader-wrapper por lo que entonces antes de/head agregaremos esto:

b:if cond='data:blog.url == data:blog.homepageUrl'
style type='text/css'
#header-wrapper {
display: none;
}
/style
/b:if

¿Y para las plantillas nuevas? El procedimiento de los gadgets se puede aplicar de igual forma para las plantillas hechas con elDiseñador de plantillas de Blogger, pero si queremos ocultar un elemento entonces veremos que esas benditas plantillas no tienen ID en sus contenedores. Pero eso no es problema porque igual podemos hacerlo sabiendo el nombre de su clase (class="NOMBRE").

Siguiendo el mismo ejemplo de ocultar la cabecera en la portada buscaremos no la ID del elemento sino su clase.

En este ejemplo el nombre de la clase de la cabecera esheader-outer así que el código que pegaremos será este:

b:if cond='data:blog.url == data:blog.homepageUrl'
style type='text/css'
.header-outer {
display: none;
}
/style
/b:if

Aquí han variado dos cosas, una, que no hemos aplicado la ID porque simplemente no existe sino que hemos aplicado la clase, y otra, que al tratarse de una clase entonces ya no hemos usado el signo de gato (#) que antecedía el nombre de la ID sino un punto (.) lo que indica que se trata de una clase.

Y bien, ya sea que hayamos ocultado un contenedor o un gadget en la portada del blog entonces cuando entramos enDiseño | Elementos de la página tampoco aparecerá; para forzarlo a que se muestre ahí lee esta entrada deVagabundia que explica cómo hacer que los elementos ocultados se muestren en esa área.

mesothelioma claims Mobile casino Hire php developer Live casino miami personal injury lawyer truck accident attorney texas Tech school futuristic architecture mesothelioma law suits Virtual Data Rooms Adobe illustrator classes car insurance in south dakota Social media platforms Online classes insurance medical temporary Computer science classes online Cheap Auto Insurance in VA offshore accident lawyer Online casino Dwi lawyer Social media tools Casino reviews Cheap car insurance in Virginia Online colledges car insurance quotes colorado motorcycle accident attorney chicago Service business software CAR INSURANCE QUOTES UTAH Car Insurance Quotes Utah Register Free Domains personal injury lawyer sarasota fl Casino Business finance group structered settlement automobile accident attorney mesothelioma settlement amounts cash annuity AUTO ACCIDENT ATTORNEY Seo companies Auto Mobile Shipping Quote car accident lawyers accident attorneys orange county personal injury accident lawyer MASSAGE SCHOOL DALLAS TEXAS Make money online Australia Online Motor Insurance Quotes New social media platforms Email Bulk Service Auto Mobile Insurance Quote DONATE YOUR CAR FOR KIDS mesothelioma lawyer asbestos cancer lawsuit Php programmers for hire DUI lawyer Mesothelioma Law Firm DONATE A CAR IN MARYLAND Criminal Defense Attorneys Florida Social media examiner Hire php developers new york mesothelioma law firm refinance with poor credit personal injury lawyer Cheap Domain Registration Hosting Injury Lawyers Criminal lawyer Criminal defense lawyer NUNAVUT CULTURE How to donate a car in California CAR ACCIDENT LAWYERS mesothelioma law firm Custom Christmas cards Car Insurance in South Dakota Bankruptcy lawyer accident lawyers in los angeles firm law mesothelioma Christmas cards Hire php programmers canada personals yahoo Donate Car to Charity California domain registration yahoo FORENSICS ONLINE COURSE car accident lawyer san bernardino ANNUITY SETTLEMENT motor replacements WEBEX COSTS DONATING A CAR IN MARYLAND asbestos lawyers georgia truck accident lawyer Dallas Mesothelioma Attorneys online colledges personal injury law firm Structures Annuity Settlement pharmacist jobs in chicago Psd to html CHEAP DOMAIN REGISTRATION HOSTING Donate Cars Illinois Donate your Car for Money CAR INSURANCE QUOTES COLORADO Best Seo company Donating a car in Maryland Custom WordPress theme designer How to Donate A Car in California Sell Annuity Payment Php programmers auto insurance yuba city ca Automobile Accident Attorney truck accident attorney los angeles best mesothelioma lawyers accident attorney in los angeles michigan motorcycle accident lawyer personal injury attorney springfield mo Best social media platforms for business verizon sip asbestos mesothelioma lawsuit WordPress hosting cheap domain registration hosting

Cosas Para Blogueros