Ocultar gadgets en diferentes partes del blog

Desde que publiqué cómo mostrar gadgets solo en la portada del blog o cómo mostrarlos solo al abrir las entradas de forma individual, he recibido muchas consultas acerca de cómo ocultar elementos en diferentes partes del blog.

Diseño > Edición de HTML > Sin expandir artilugios

Lo primero que necesitas es conocer la ID del gadget a ocultar. La ID es un conjunto de caracteres alfanuméricos que sirven para identificar el código perteneciente a dicho elemento de página dentro de la plantilla.

Bastará con localizar el título de nuestro gadget para dar con su respectiva ID:




Como puedes ver en el ejemplo, el marco rojo recoge un término entre comillas simples, después de id=. Este es es el nombre que necesitas.

A continuación busca la etiqueta </head> y justo antes incluye alguno de los siguientes códigos:

Gadget oculto sólo en la portada del blog

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#IDELEMENTO {visibility: hidden;display: none;}
body#layout #IDELEMENTO {display:block !important;}
</style>
</b:if>

Gadget oculto sólo al acceder a las entradas de forma individual

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#IDELEMENTO {visibility: hidden;display: none;}
body#layout #IDELEMENTO {display:block !important;}
</style>
</b:if>

Gadget oculto sólo en las páginas estáticas del blog

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#IDELEMENTO {visibility: hidden;display: none;}
body#layout #IDELEMENTO {display:block !important;}
</style>
</b:if>

Gadget oculto sólo en una entrada específica o en entradas con una etiqueta específica

<b:if cond='data:blog.url == "DIRECCION ENTRADA O ETIQUETA"'>
<style type='text/css'>
#IDELEMENTO {visibility: hidden;display: none;}
body#layout #IDELEMENTO {display:block !important;}
</style>
</b:if>

Gadget oculto sólo en las páginas del archivo del blog

<b:if cond='data:blog.pageType == "archive"'>
<style type='text/css'>
#IDELEMENTO {visibility: hidden;display: none;}
body#layout #IDELEMENTO {display:block !important;}
</style>
</b:if>

Reemplaza IDELEMENTO por la ID del gadget que encontraste anteriormente (debe incluirse dos veces).

Guarda la plantilla y comprueba el resultado accediendo a tu sitio.