Ocultar widgets de distintas partes de Blogger

Con anterioridad vimos cómo mostrar los gadgets sólo en la portada, pero en este caso veremos algunos ejemplos para ocultar elementos en distintas partes del blog. Para ello necesitamos dos cosas, saber identificar los IDs de los gadgets o contenedores, y saber cuál condicional usar.

Primero, entramos en Diseño | Edición de HTML y SIN 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 == &quot;item&quot;'>
<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 != &quot;item&quot;'>
<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 == &quot;archive&quot;'>
<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 != &quot;archive&quot;'>
<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 == &quot;static_page&quot;'>
<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 != &quot;static_page&quot;'>
<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 == &quot;URL de la entrada o etiqueta&quot;'>
<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 != &quot;URL de la entrada o etiqueta&quot;'>
<style type='text/css'>
#NOMBRE {
display: none;
}
</style>
</b:if>
En cualquiera de esos casos cambiaremos donde dice NOMBRE por el ID del gadget que queremos ocultar, y listo.

¿Te funcionó?

Publicar un comentario

0 Comentarios