viernes, 4 de enero de 2013

Cómo Utilizar Los Condicionales En Blogger

Quizás muchos dirán que las Condicionales de Blogger, no son importante, quizás lo dicen por que no saben para que funcionan las condicionales de blogger o quizás por ignorancia.

Las condicionales de blogger son bastantes importantes ya que estas son las que nos indican donde debe ejecutarse algo y dónde no. Es decir, condiciona una orden.

De esta forma podemos hacer que un script, un vídeo, una imagen, un gadget, un mensaje, un truco, estilos, etc. Se muestre sólo en la portada del blog, o sólo en las entradas, o sólo en las páginas estáticas, o sólo en las listas de archivos, o en una entrada específica.

Usarlos es sencillo, sólo hay que poner al inicio del elemento que queremos condicionar el código que específica y condiciona dónde se mostrará, y al final de este el cierre de la etiqueta.


Mostar / ejecutar un elemento solo en el primer post

    <b:if cond='data:post.isFirstPost'>
    ...Aquí tu contenido o elemento...
    </b:if>


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>



Es fácil, como les comenté, en donde dice: ...Aquí va el código del elemento... se agrega lo que se desea condicionar, por ejemplo el script, el código del truco, o los estilos.

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>

Eso haría que la barra lateral tenga un color de fondo azul en la portada pero cuando se esté en cualquier otra página cambie al color normal que tiene la plantilla.

Ya saben que donde dice URL de la entrada o etiqueta tienen que agregar la url de la entrada o la url de alguna etiqueta..

Espero que les sirva bastante, como a mí en muchas ocasiones me ha servido,
De esta forma condicionamos la forma que se verá el blog según la página donde se esté.
Como mencioné antes se puede hacer para un sin fin de cosas, desde un simple estilo hasta condicionar todo un contenedor como la sidebar. Las condicionales para blogger son excelentes pero hay que saber usarlas.

Para no cometer algún error.
Recuerde siempre que si usted no sabe mucho de HTML y va a editar la plantilla, le recomendamos hecer una copia de seguridad antes te ponerle la mano al código (es una forma de decir), por si cometen algún error en la plantilla..

Ver  más en vagabundia

No hay comentarios:

Publicar un comentario