Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

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.

Semat dice...

Cada vez nos traes más herramientas para seguir personalizando el blog. Muchas gracias!!

Whisper dice...

Mil gracias, Jaime, :)

thomas dice...

Jaime una pregunta, ¿Las páginasde archivo son a las que se entra cuando pulsamos en los enlaces del gadget archivos o las entradas?

Perséfoneluz dice...

¡Muchísimas gracias, Jaime! Es muy bueno, me encanta. Tengo una pregunta ¿Qué son las páginas estáticas? :O

Jaime Trujillo Escobedo dice...

Muy amable por tu parte, Semat. Espero que mis aportes te sigan ayudando a construir el blog que deseas.

Jaime Trujillo Escobedo dice...

Las páginas de archivo, Thomas, son concretamente a las que accedemos mediante los enlaces que componen el gadget de Archivo del Blog. Pulsando sobre el año o mes de publicación accederemos al contenido.

Jaime Trujillo Escobedo dice...

Perséfoneluz, las páginas estáticas de Blogger te permiten publicar información permanente en páginas independientes o individuales a las que se acceder desde el blog mediante un enlace.

Pueden utilizarse, por ejemplo, para crear una sección tipo "Contacta conmigo", mostrando un formulario de contácto.

Es probable que te interese esta entrada acerca del tema.

Juanjo dice...

Jaime como hago para enmarcar un texto como tienes tu en el Leer Mas... como consigo hacer eso gracias muy bonito tu blog. :)

Jaime Trujillo Escobedo dice...

Juanjo, ¿Te refieres al efecto que se produce al pasar el cursor sobre el enlace 'Leer más...'?

Sweet Muse dice...

Muchísimas gracias ;)!

Anónimo dice...

Utilisimo, muchisimas gracias!!!

Francmi08 dice...

Hola de nuevo Jaime,verás que estoy haciendo mi blog gracias a todos tus trucos y con este mi pregunta es: ¿se puede esconder toda la seccion de los gadgets-widgets de las sidebar tanto derecha como izquierda?.Se que hay un truco para la sidebar pero tengo dos y no se porque no las pudeo ocultar,no me funciona.Agradezco tu ayuda de antemano.

Jaime Trujillo Escobedo dice...

Claro que es posible, Francmi08. En breve publicaré una entrada al respecto. Haremos uso de las condicionales que ofrece blogger para mostrar u ocultar la sidebar dependiendo de la sección en la que se encuentre el lector.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo