Condicionales en Blogger

jueves, julio 29, 2010
COMPARTE EL POST

blogger_logo_square_webtreatsLa API de Blogger permite entre las muchas cosas usar expresiones que nos faciliten el modo de controlar elementos  como el título del blog, del post y muchas cosas más sin la necesidad de tener códigos externos. Y para muchas cosas que nos faltaría aprender es a usar las condicionales, aquellas que hacer un proceso si se cumple una sentencia y que sino se hace otro, por tal motivo en Blogger hay algo similar ya que un condicional nos va a decir donde mostrar código o donde no, como por ejemplo mostrar un gadget en la portada y no en el post completo. En el siguiente tutorial les voy a dar una pequeña lista de condicionales para que puedan trabajar mejor en su blog.

Su funcionamiento es fácil, se crea un condicional “<b: if cond=” donde podremos poner a condición cualquier elemento del blog, la línea de abajo tiene el código que queramos que se ejecute cuando la condicional se cumpla y al final se cierra el condicional.

Por tal motivo les dejo unos ejemplos para que prueben y comprueben

Mostrar /ejecutar un elemento sólo en la portada del blog

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

Mostrar /ejecutar un elemento sólo en las entradas individuales

<b:if cond='data:blog.pageType == &quot;item&quot;'>
...Aquí va el código del elemento...
</b:if>

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

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
...Aquí va el código del elemento...
</b:if>

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

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
...Aquí va el código del elemento...
</b:if>

Mostrar /ejecutar un elemento en una entrada específica o etiqueta específica

<b:if cond='data:blog.url == &quot;URL de la entrada o etiqueta&quot;'>
...Aquí va el código del elemento...
</b:if>


Por lo contrario también podemos especificar que se muestre en todas partes excepto en un lugar específico.

Mostrar /ejecutar un elemento en todas las páginas MENOS en la portada del blog

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

Mostrar /ejecutar un elemento en todas las páginas MENOS en las entradas individuales

<b:if cond='data:blog.pageType != &quot;item&quot;'>
...Aquí va el código del elemento...
</b:if>

Mostrar /ejecutar un elemento en todas las páginas MENOS en las páginas del archivo del blog

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
...Aquí va el código del elemento...
</b:if>

Mostrar /ejecutar un elemento en todas las páginas MENOS en las páginas estáticas

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
...Aquí va el código del elemento...
</b:if>

Mostrar /ejecutar un elemento en todas las páginas MENOS en una entrada específica o etiqueta específica

<b:if cond='data:blog.url != &quot;URL de la entrada o etiqueta&quot;'>
...Aquí va el código del elemento...
</b:if>


Por ejemplo, para que la sidebar tenga un color de fondo diferente sólo en la portada del blog se usaría este código antes de </head> lo siguiente:

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

¡Síguenos en Twitter!


Deja tu comentario