Cómo usar condicionales

Hey babies! Debo decir que cada vez que hago un diseño nuevo para el blog descubro cosas nuevas y me resulta realmente fascinante porque nunca dejas de aprender, así que ésta última vez descubrí cómo hacer que ciertos elementos del blog sólo aparezcan donde nosotros queramos, por poner un ejemplo, veis que mis viñetas son unos corazones, ¿no? pues eso hacía que la página de Archivo se viera extraña, como desordenada, pero descubrí cómo funcionan los condicionales y eso me abrió los ojos a un mundo de posibilidades XD así que traigo un tutorial de cómo usarlos que vi en Ciudad Blogger.

Tal y como explica en el blog, lo que hacen estos códigos es que indican dónde debe ejecutarse algo y dónde no. Es decir, condiciona una orden. Yo, por ejemplo, como tenía problemas en el Archivo, elegí la última opción para que no me afectase al resto de páginas que tengo.

Lo único que hay que hacer es elegir uno de los siguientes códigos según necesidad a mostrar u ocultar

Mostrar un elemento sólo en la portada

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

Mostrar 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 un elemento sólo en las páginas del archivo

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

Mostrar 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 un elemento en una entrada 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>

Mostrar un elemento en todas las páginas MENOS en la portada

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

Mostrar 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 un elemento en todas las páginas MENOS en las páginas del archivo

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

Mostrar 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 un elemento en todas las páginas MENOS en una entrada 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>

Ejemplo

Para que se vea de forma más clara, si quisiera que la sidebar tuviera un color diferente sólo en la portada, usaría el siguiente código antes de </head>:

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