Etiquetas b:if, b:else, b:elseif de Blogger

b:if b:else b:elseif Blogger

La etiqueta b:if muestra el contenido cuando su condición se cumple, caso contrario no muestra nada. para mostrar algo en caso de que la condición no se cumple se utiliza b:else o b:elseif.


Condiciones

Muchas etiquetas <data:name/> al utilizarlas como expresión para la condición devuelve el valor "true". La etiqueta <data:blog.title/> muestra el título del blog, en una condición nos quedaría:


<b:if cond='data:blog.title'>
  <!-- Si el título del blog existe, se muestra esto -->
</b:if>

Si queremos mostrar algo en caso de no cumplirse la condición, podemos usar b:else:


<b:if cond='data:blog.title'>
  <!-- Si la condición se cumple se muestra esto -->
<b:else/>
  <!-- Caso contrario, se muestra esto -->
</b:if>

También podemos crear una nueva condición mediante b:elseif y agregar b:else como el contenido por defecto, en caso de que ninguna se cumpla.


<b:if cond='data:blog.title'>
  <!-- Si la condición se cumple se muestra esto -->
<b:elseif cond='data:blog.pageTitle'/>
  <!-- Si la primera condición no se cumple se comprueba esta condición y se muestra esto -->
<b:else/>
  <!-- Si ninguna condición se cumple se muestra esto -->
</b:if>

Operadores

Podemos comparar datos utilizando operadores, como si se tratase de javascript. Por ejemplo: "==" compara la igualdad, mientras que "!=" hace lo contrario. La siguiente tabla podemos observar algunos ejemplos:


+Concatena o suma entre dos valores. Ej: <b:if cond='data:numPosts + 2'/>
-Sustrae o resta entre dos valores. Ej: <b:if cond='data:numPosts - 1'/>
==Compara la igualdad. Ej: <b:if cond='data:numPosts == 8'/>
!=Compara la desigualdad. Ej: <b:if cond='data:numPosts != 8'/>
<Mayor que. Ej: <b:if cond='data:numPosts < 2'/>
>Menor que. Ej: <b:if cond='data:numPosts > 4'/>
<=Mayor o igual que. Ej: <b:if cond='data:numPosts <= 6'/>
>=Menor o igual que. Ej: <b:if cond='data:numPosts >= 9'/>

En el siguiente ejemplo práctico podemos observar como comparamos la url actual del blog data:blog.url y verificamos si es igual a la url de la pagina principal data:blog.homepageUrl:


<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- Se muestra si la url es igual a la página principal -->
</b:if>

Ahora comprobamos si la cantidad de entradas data:numPosts es inferior o igual a 8:


<b:if cond='data:numPosts >= 8'>
  <!-- Se muestra si la cantidad de entradas es igual o menor a 8 -->
</b:if>

Si usamos string (Cadena de caracteres como texto) en alguna parte de la comparación, se debe utilizar comillas dobles "", por ejemplo:


<b:if cond='data:blog.title == "Daniel"'>
  <!-- Se muestra si el titulo del blog es Daniel -->
</b:if>

Los condicionales juegan un papel importante en la estructura de tu blog, por lo tanto, aprender a utilizarlo te puede resultar muy útil.