La etiqueta condicional es una función importante en la estructura de plantillas de Blogger. Esta función se utiliza para ciertos ajustes, generalmente para mostrar widgets o elementos en un lugar específico o para que no aparezcan en una página específica.
Mostrar u ocultar la barra lateral y los widgets en ciertas páginas de blogs se convierte en la mejor alternativa para quienes tienen muchos widgets. Demasiados widgets ralentizan la carga del blog. Como resultado, además de un blog pesado, los visitantes también se cansarán un poco del tiempo de carga. La etiqueta condicional para Blogger comienza con <b:if... y va seguida de la condición deseada. A continuación, se muestra las antiguas y las últimas versiones de las etiquetas condicionales para Blogger que puedes usar en tu plantilla.
Etiquetas condicionales universales
Etiqueta condicional para la página de inicio (Página principal)
- Esta etiqueta condicional de Blogger solo aparecerá en la página principal. Si quieres mostrar cualquier widget, incluso la barra lateral, el pie de página o la sección de encabezado, solo en la página de inicio, simplemente usa la siguiente etiqueta condicional.
<b:if cond='data:view.isHomepage'>
<!-- Solo página de inicio -->
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Solo página de inicio -->
</b:if>
Para la URL canonical sería de esta manera.
<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'>
<!-- Solo página de inicio -->
</b:if>
Etiqueta condicional para páginas de índice (Index)
Si quieres añadir códigos y contenido que solo aparecerá en la página de inicio, la página de etiquetas y la consulta de búsqueda, esta etiqueta condicional de Blogger puede serte útil. Consulta la etiqueta a continuación.
<b:if cond='data:view.isMultipleItems'>
<!-- Todas las páginas de índice -->
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<!-- Todas las páginas de índice -->
</b:if>
Etiqueta condicional para páginas de elementos (páginas de publicaciones y páginas estáticas)
La siguiente etiqueta condicional hace que su widget o cualquier parte funcione solo para páginas de publicaciones (entradas o posts) y páginas estáticas y se oculte de todas las demás páginas de su blog.
<b:if cond='data:view.isSingleItem'>
<!-- Todas las páginas de artículos y páginas estáticas -->
</b:if>
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
<!-- Todas las páginas de artículos y páginas estáticas -->
</b:if>
O esta:
<b:if cond='data:blog.url == data:post.url'>
<!-- Todas las páginas de artículos y páginas estáticas -->
</b:if>
Etiqueta condicional para entradas
Si quieres mostrar contenido solo en las páginas de entradas y ocultarlo de la página de inicio, páginas estáticas, archivo y otras páginas de búsqueda, esta etiqueta condicional es ideal. Puede ayudarte a darle un aspecto diferente a las entradas o páginas de artículos de todo el blog.
<b:if cond='data:view.isPost'>
<!-- Todas las páginas de artículos -->
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<!-- Todas las páginas de artículos -->
</b:if>
Publicación específica por URL
Esta etiqueta condicional se usa cuando desea mostrar algo solo en una página de publicación en particular; para usarla, simplemente reemplace 2025/11/test.html con la parte de la URL de la página de publicación.
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2025/11/test.html"'>
<!-- Publicación específica por URL -->
</b:if>
O esta:
<b:if cond='data:blog.url == "URL completa"'>
<!-- Publicación específica por 'URL completa' -->
</b:if>
Etiqueta condicional para página estática
Si desea mostrar algo solo en páginas estáticas y desea ocultarlo de la página de inicio, el archivo y otras páginas de búsqueda, esta etiqueta condicional funciona para usted.
<b:if cond='data:view.isPage'>
<!-- Todas las páginas estáticas -->
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- Todas las páginas estáticas -->
</b:if>
Página estática por URL
Esta etiqueta condicional se utiliza cuando desea mostrar algo solo una página estática en particular; para usarla, simplemente reemplace p/test.html con la parte de la URL de la página estática.
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/test.html"'>
<!-- Página estática por URL -->
</b:if>
O esta:
<b:if cond='data:blog.url == "URL completa"'>
<!-- Página estática por 'URL completa' -->
</b:if>
Etiqueta condicional para etiquetas (Labels)
Si desea mostrar algo solo en las páginas de etiquetas y desea ocultarlo de la página de inicio, publicaciones, páginas estáticas y otras páginas, utilice la etiqueta condicional de etiqueta anterior.
<b:if cond='data:view.isLabelSearch'>
<!-- Todas las páginas de etiquetas -->
</b:if>
<b:if cond='data:blog.searchLabel'>
<!-- Todas las páginas de etiquetas -->
</b:if>
Página de etiqueta específica
Si desea mostrar algo en una etiqueta específica, utilice la siguiente etiqueta condicional.
<b:if cond='data:blog.searchLabel == "test"'>
<!-- Página de etiqueta específica -->
</b:if>
Etiqueta condicional para las páginas de búsqueda
Todas las páginas de búsqueda, incluida la de etiqueta y query
<b:if cond='data:view.isSearch'>
<!-- Todas las páginas de búsqueda incluyen la de etiquetas y query -->
</b:if>
O estas:
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
<!-- Todas las páginas de búsqueda excepto la de etiquetas -->
</b:if>
<b:if cond='data:view.isSearch and !data:blog.searchQuery'>
<!-- Todas las páginas de búsqueda excepto la de search query -->
</b:if>
<b:if cond='data:blog.searchQuery'>
<!-- Todas las páginas de búsqueda solamente -->
</b:if>
Página de consulta de búsqueda específica
La siguiente etiqueta condicional se utiliza para las páginas de consulta de búsqueda donde se muestran los resultados mientras se busca algo en su blog de Blogger.
<b:if cond='data:blog.searchQuery == "Label Name"'>
<!-- Para búsqueda por 'nombre de etiqueta' -->
</b:if>
Etiqueta condicional para página de archivo
Si desea mostrar algo solo en las páginas de archivo y desea ocultarlo de la página de inicio, publicaciones, páginas estáticas y otras páginas, utilice la siguiente etiqueta condicional de archivo.
<b:if cond='data:view.isArchive'>
<!-- Página de archivo -->
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<!-- Página de archivo -->
</b:if>
Etiqueta condicional para página 404 (Página no encontrada)
La siguiente etiqueta se usa solo para páginas de errores.
<b:if cond='data:view.isError'>
<!-- Todas las páginas de error -->
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<!-- Todas las páginas de error -->
</b:if>
Etiqueta condicional para la página de vista previa
La siguiente etiqueta se usa solo para la vista previa de la publicación.
<b:if cond='data:view.isPreview'>
<!-- Código XML de Blogger en modo de vista previa -->
</b:if>
Etiqueta condicional para dispositivo móvil
Si desea mostrar el widget o script en particular en dispositivos móviles.
<b:if cond='data:view.isMobile'>
<!-- Mostrar en dispositivo móvil -->
</b:if>
<b:if cond='data:blog.isMobileRequest'>
<!-- Mostrar en dispositivo móvil -->
</b:if>
O esta:
<b:if cond='data:blog.isMobile'>
<!-- Solo para móviles -->
</b:if>
Establezca el isMobileRequest valor booleano en false, para que el widget solo se cargue en dispositivos de escritorio (simulador de escritorio m?=1) y permanezca oculto en dispositivos móviles (navegador móvil).
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- Mostrar solo en dispositivos de escritorio y oculto en dispositivos móviles -->
</b:if>
Si desea que el widget se muestre solo en dispositivos móviles, pero no en el escritorio, configure el valor booleano en true.
<b:if cond='data:blog.isMobileRequest == "true"'>
<!-- Mostrar solo en dispositivos móviles, pero no en computadoras de escritorio -->
</b:if>
Etiqueta condicional para código de diseño
La siguiente etiqueta se utiliza para configurar el diseño de la plantilla.
<b:if cond='data:view.isLayoutMode'>
<!-- Configuración del diseño de la plantilla de blogger -->
</b:if>
Solo para la primera publicación
Añadir códigos bajo esta condición solo será aplicable a la primera publicación de la página de publicaciones múltiples. Se utiliza para dirigirse a la primera publicación en páginas de publicaciones múltiples o index (página de inicio, búsqueda o la etiqueta). Agunos blogueros desean mostrar anuncios de AdSense solo debajo de la primera publicación, en ese caso necesitamos esta etiqueta. Si desea usar esta etiqueta condicional, consulte a continuación.
<b:if cond='data:post.isFirstPost'>
<!-- Solo para la primera publicación -->
</b:if>
Para páginas estáticas específicas por ID
Si deseamos ocultar anuncios en páginas estáticas irrelevantes como "Sobre nosotros", "Contacto" o "Aviso legal", simplemente identificamos la ID de la página e introducimos en esta condicional. La ID de la página es fácil de identificar, lo encuentras en modo de edición y son los últimos caracteres de la URL después de /. Ejemplo:blogger.com/blog/page/edit/7818580126244080898/1919211067753716862
<b:if cond='data:view.isPage and !(data:view.pageId in [1919211067753716862, 9107833394260278656])'>
<!-- Código del anuncio aquí -->
</b:if>
Se dirige a URL que contiene una palabra específica
<b:if cond='data:blog.url.contains("Palabra clave")'>
<!-- Para palabras clave en URL -->
</b:if>
NOT, AND, OR
- NOT - Esta condición se usa si el widget desea mostrarse en otro lugar. NOT o EXCLUSION se usa cuando se desea excluir algo de la condición. Se puede usar también not o !.
<b:if cond='!data:view.isPost'>
<!-- Todas las páginas excepto las páginas de artículos -->
</b:if>
O estas:
<b:if cond='not data:view.isPost'>
<!-- Todas las páginas excepto las páginas de artículos -->
</b:if>
Condición de inversión: Reemplace el operador de comparación en la etiqueta condicional de == a != si NO desea aplicar algo a una página.
<b:if cond='data:blog.pageType != "item"'>
<!-- Todas las páginas excepto las páginas de artículos -->
</b:if>
NOT si usamos el IN dentro de la condicional. Si queremos mostrar algo en todas las páginas excepto en páginas de entradas y páginas estáticas usamos el siguiente condicional.
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<!-- Todas las páginas excepto la de entradas y páginas estáticas -->
</b:if>
AND - Si ambas condiciones son correctas. Agregar AND o And para combinar dos o más condiciones. Todas las condicionales deben ser verdaderas. Se puede usar cualquiera de las dos and evita la repetición de etiquetas b:if.
<b:if cond='data:view.isMultipleItems AND data:view.isSearch'>
<!-- Página de índice Y página de búsqueda -->
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchQuery'>
<!-- Página de índice y página de búsqueda -->
</b:if>
</b:if>
Uso de varios ANDs dentro de la condicional. Si queremos que la primera condición sea verdadera y queremos excluir algo de las demás condiciones usamos este código.
<b:if cond='data:view.isSearch and !data:blog.searchQuery and !data:view.isLabelSearch'>
<!-- Todas las páginas de búsqueda excepto la de query y etiquetas -->
</b:if>
OR - La condición si una de ellas es correcta, agregar OR. OR se usa para combinar varias condiciones, cualquiera de las cuales, si es verdadera, representará el contenido HTML. Puede declararse como or y evita la repetición de etiquetas b:if. Si desea ocultar el widget de página index, esta condicional le ayudará a mostrarlo en la página de publicación.
<b:if cond='data:view.isMultipleItems OR data:view.isPost'>
<!-- Página de índice O página de publicación -->
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<!-- Página de índice -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- Página de publicación -->
</b:if>
</b:if>
Puedes usarlo <b:if> con o sin <b:else/>, pero nunca puedes usarlo <b:else/> sin <b:if>.
Cómo usar etiquetas condicionales
Para aplicar una etiqueta condicional a algún contenido, simplemente coloque el contenido dentro de la apertura <b:if cond='etiqueta condicional'> y cierre </b:if> de este código.
<b:if cond='data:blog.pageType == "item"'>
# ESTE CONTENIDO SE EJECUTARÁ SI LA CONDICIÓN ES VERDADERA
</b:if>
En el ejemplo anterior, el contenido solo aparecerá en las páginas de entrada. Puede ser un div, una sección, una etiqueta de estilo u otra etiqueta condicional, etc. Si desea especificar un contenido alternativo (cuando la condición es falsa), debe insertar una <b:else/> seguido del contenido, como se muestra a continuación:
<b:if cond='data:view.isPost'>
# ESTE CONTENIDO SE EJECUTARÁ SI LA CONDICIÓN ES VERDADERA
# Si la página actual es de publicación (Item)
<b:else/>
# ESTE CONTENIDO SE EJECUTARÁ SI LA CONDICIÓN ES FALSA
# No es página de publicación (Item)
</b:if>
También <b:else/> funciona como un operador OR, como se explicó anteriormente.
Supongamos que desea mostrar los widgets de la barra lateral solo en la página de inicio y excluirlos de todas las demás páginas, como las de entradas o las de archivo. Puede hacerlo fácilmente usando la etiqueta condicional de Blogger en el código del tema.
<b:widget cond='data:view.isHomepage' id='HTML1' type='HTML'>
<!-- Widgets solo en la página de inicio -->
</b:widget>
Para estos casos se pueden aplicar las etiquetas condicionales, ejemplos:
- Mostrar widgets en páginas específicas.
- Aplicar diferentes estilos a páginas estáticas.
- Agregar metaetiquetas de FB y etiquetas de tarjetas de Twitter.
- Cargar JS en páginas específicas.
- Optimizar el título del blog para SEO.
Estas son algunas de las etiquetas condicionales más recientes para Blogger. ¡Te pueden ser útiles!
