Condicionales de Blogger

Hemos aprendido a cómo podemos crear una estructura de blogger desde cero. Pero hoy explicaremos que son las condicionales de blogger y cómo podemos usarlas para crear una aplicación más personalizada.

¿Que son las condicionales?

Las función de una condicional es evaluar que cumpla ciertos parámetros, y si dichos parámetros se cumple me muestra algo en caso contrario me muestra otra información.

Las condicionales la podemos encontrar en muchos lenguaje de programación como javascript,php,python,ruby etc.

La forma de crear o estructura una condicional de blogger es la siguiente:

<b:if cond='data:blog.title'>
  <!--si se cumple el primer parámetro me muestra algo-->
</b:if>

Seguro que las mayoría de programadores se dieron cuenta que la forma de declara una condicional es muy parecía a la de cualquier otro simple lenguaje de programación con la pequeña diferencia que deberemos utilizar un atributo llamado cond=" " al cual le pasaremos los valores.

Blogger lo permite utilizar operadores.

Ejemplo de uso de condicionales

aquí os dejo algunas demostraciones practicas de su uso

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!--se mostrara en la pagina principal-->
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<!--se mostrara en los artículos-->
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<!--se mostrara en una pagina estática -->
</b:if>

<b:if cond='data:blog.pageType == "archive"'>
<!--ejecutar un elemento sólo en las páginas del archivo del blog-->
</b:if>

<b:if  cond='data:blog.url != data:blog.homepageUrl'>
<!--se mostrara en todo el blog menos en la pagina principal -->
</b:if>

<b:if  cond='data:blog.pageType != "item"'>
<!--se mostrara en todo el blog menos en los artículos-->
</b:if>

<b:if  cond='data:blog.pageType != "static_page"'>
<!--se mostrara en todo el blog menos en las paginas-->
</b:if>

<b:if  cond='data:blog.pageType != "archive"'>
<!--se mostrara en todo el blog menos en archivo del blog-->
</b:if>

Antes de terminar también podemos ejecutar código css dentro de las condicionales.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.mi_titulo {
background: #0080FF;
}
</style>
</b:if>