.

11 de mayo de 2014

Etiquetas condicionales en Blogger

Escrito por
Muchas de las virguerías y personalizaciones que puedes hacer con tu blog de Blogger dependen del uso correcto de las etiquetas condicionales. No son propiamente código HTML, pero las introduciremos en la plantilla para que modifiquen el resultado final de cada página HTML. Gracias a ellas puedes hacer que el aspecto de tu blog varíe en función de la página que se está mostrando. Puedes hacer que un gadget se muestre sólo en la página principal o bien que se muestre sólo cuando se entra dentro de un artículo. Las etiquetas condicionales también sirven para personalizar el título del blog en función de la página que se muestre o para que las páginas individuales tengan un fondo de pantalla diferente. Las opciones son muy grandes y no van a caber en este artículo, pero te dejaré algunos enlaces a otros artículos donde puedes ver como se aplican las etiquetas condicionales en Blogger.


El primer paso es ver que hacen las 9 etiquetas condicionales de Blogger y cual es el código que tenemos que pegar en la plantilla de Blogger para usarlas.

1. Página principal. Homepage.
Si quieres que algo suceda sólo en la primera página
<b:if cond='data:blog.url == data:blog.homepageUrl'>

Ejemplo de su uso: Para mostrar un gadget sólo en la portada

2. Página estática.
Si quieres que algo suceda en las páginas estáticas.
<b:if cond='data:blog.pageType == "static_page" '>

Ejemplo de su uso: Para no ver la sidebar en las páginas estáticas

3. Página de artículo.
Si quieres que algo suceda en todos los posts.
<b:if cond='data:blog.pageType == "item" '>

Ejemplo de su uso: Aplicar un CSS diferente sólo en posts

4. Página de índice.
Si quieres que algo suceda al mismo tiempo en la página principal, las páginas de etiqueta y las páginas de archivo.
<b:if cond='data:blog.pageType == "index" '>

Cómo usar la etiqueta: añadir una miniatura en los resúmenes

5. Página de archivo.
Si quieres que algo suceda sólo en las páginas de archivo.
<b:if cond='data:blog.pageType == "archive" '>

6. Página del resultado de búsquedas.
Si quieres que algo suceda en los resultados de búsqueda dentro del blog.
<b:if cond='data:blog.url == data:blog.searchLabel'>

7. Páginas estáticas + artículos de los posts.
Si queremos que algo suceda en todas la páginas individuales, incluyendo las estáticas y los posts.
<b:if cond='data:blog.url == data:post.url'>

8. Una página en concreto.
Si queremos que algo suceda en una única URL.
<b:if cond='data:blog.url == "URL" '>

Ejemplo de su uso: Añadir metadatos únicos a una publicación ( como una descripción propia personalizada )

9. Primera página, dentro de la home y otros índice.
Si queremos que algo suceda al mismo tiempo en la página principal, las páginas de etiqueta y las páginas de archivo.
<b:if cond='data:post.isFirstPost'>

Aplicación de la etiqueta: Añadir imágenes en miniatura a todos los resúmenes de la entrada, menos la primera

1 comentario:

Bienvenido, en este blog encontrarás información para crear y personalizar tu blog de Blogger o Wordpress, además de artículos sobre Internet, las nuevas tecnologías, programación con HTML y CSS, educación y otros temas. Espero que los tutoriales, artículos y recursos del blog te resulten útiles. Si quieres mantener el contacto puedes hacerlo a través de mis cuentas de Twitter o Google Plus.