Saltar al contenido

Condicionales para ocultar o mostrar elementos en Blogger

Condicionales que podemos usar para ocultar o mostrar elementos en Blogger. Seguramente más de una vez nos hemos topado con algún problema en blogger al tratar de ocultar o mostrar elementos en ciertas partes de nuestro blog.

Lo cierto es que existen códigos para poder hacer este tipo de cosas y a continuación te los vamos a mostrar y ver para que funciona cada uno de ellos. Estos código son condicionales que usamos para ejecutar cierta acción en alguna parte del blog que queremos que suceda pero que no se muestre en otros partes por ejemplo.

Índice de contenidos

¿Qué son los códigos condicionales de Blogger?

Bueno ya hemos dicho que son códigos XML para blogger, estos códigos cumples ciertas funciones que nos facilitan mucho las cosas al momento de querer hacer algo en específico. Su nombre lo dice, son condiciones para que se cumpla cierta acción.

¿Para qué sirven las condicionales?

Estas condicionales sirven para visualizar o esconder elementos en entradas, páginas estáticas o en la misma home del blog. De esta manera podemos hacer que un texto, imagen, un estilo, script, video, gadget, ect. Solo aparezca en la portada o inicio del blog, en las entradas o páginas.

¿Dónde usar los códigos de las condicionales?

Los podemos usar en cualquier lado, eso sí, donde se acepte código HTML. Un ejemplo muy ocurrente de estas condicionales es cuando se insertar un anuncio de Adsense y solo queremos que se muestre en algunas partes del blog, tienes que usar un condicional como este para evitar que el anuncio cargue.

¿Qué tipos de condicionales existen para Blogger?

Existen muchos condicionales para blogger que podemos usar, que van desde visualizar un elemento en una entrada específica o etiqueta específica hasta mostrar un elemento en todas las páginas menos en una entrada específica o etiqueta. Cada uno de ellos cumple con una finalidad, a continuación vamos a ver algunos que puedes usar y sacarle el máximo provecho.

Condicionales para mostrar elementos en solo una parte del blog

A continuación se presentan las condiciones que podemos usar en Blogger. Estos nos sirven para ocultar widget / gadget o elementos en distintas partes del blog.

Mostrar visualizar un elemento sólo en la portada del blog

Debes encerrar el widget dentro de esta condicional para que se muestre solo la página principal del blog.

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
Aquí todo el código del elemento
</b:if>

Mostrar visualizar un elemento sólo en las entradas individuales

Con esta condición cualquier elemento o widget únicamente se va a ver en las entradas individuales.

<b:if cond=’data:blog.pageType == «item»‘>
Aquí todo el código del elemento</b:if>

Mostrar visualizar un elemento sólo en las páginas del archivo del blog

La siguiente condición en blogger es para mostrar gadget solo en las páginas de archivo del blog.

<b:if cond=’data:blog.pageType == «archive»‘>
Aquí todo el código del elemento
</b:if>

Mostrar visualizar un elemento sólo en las páginas estáticas

Cuando quieras mostrar un elemento en las páginas estáticas como contacto debes encerrarlo en la siguiente condicional.

<b:if cond=’data:blog.pageType == «static_page»‘>
Aquí todo el código del elemento
</b:if>

Mostrar visualizar un elemento en una entrada específica o etiqueta específica

Cualquier elemento se podrá ver si hacemos uso de esta condición, solo se debe poner la url de la entrada o etiqueta.

<b:if cond=’data:blog.url == «URL de la entrada o etiqueta»‘>
Aquí todo el código del elemento
</b:if>

Condicionales para mostrar elementos en todas partes menos en lugares específicos

También podemos hacer que dicho elemento se muestre en todos lados excepto en algunos lugar específicos del blog. Para eso debemos hacer uso de los siguientes códigos.

Mostrar visualizar un elemento en todas las páginas menos en la portada del blog

Cuando se usa esta condición el elemento se va a ocultar en la portada / inicio del blog.

<b:if cond=’data:blog.url != data:blog.homepageUrl’>
Aquí todo el código del elemento
</b:if>

Mostrar visualizar un elemento en todas las páginas menos en las entradas individuales

La siguiente condición es usada para ocultar un gadget o elemento en las entradas del blog.

<b:if cond=’data:blog.pageType != «item»‘>
Aquí todo el código del elemento
</b:if>

Mostrar visualizar un elemento en todas las páginas menos en las páginas del archivo del blog

Con este otro condicional se ocultará el elemento en las páginas de archivo de nuestro blog.

<b:if cond=’data:blog.pageType != «archive»‘>
Aquí todo el código del elemento
</b:if>

Mostrar visualizar un elemento en todas las páginas menos en las páginas estáticas

En las páginas estáticas se usa la siguiente condición para esconder elementos del blog.

<b:if cond=’data:blog.pageType != «static_page»‘>
Aquí todo el código del elemento
</b:if>

Mostrar visualizar un elemento en todas las páginas menos en una entrada específica o etiqueta específica

Ocultar gadget – widget en una página especifica o en alguna url de etiqueta.

<b:if cond=’data:blog.url != «URL de la entrada o etiqueta»‘>
Aquí todo el código del elemento
</b:if>

Ejemplo de implementación condicionales de Blogger

En donde dice «Aquí todo el código del elemento» debe estar el código del elemento, como ya se menciono puede ser un estilo, un scrpt, etc. Por ejemplo para que un bloque de anuncios que se ha puesto directo en la plantilla se visualice solo en las entradas haremos uso de una condicional bloqueando el elemento. Puedes hacer muchas cosas interesantes con estas condicionales de blogger.

Esto ha sido todo amigos en este post, si la información proporcionada te fue de utilidad y te sirvió participa en el Blog, regálanos un like en la Página de Facebook y por supuesto suscríbete al Canal en YouTube.