Etiquetas de datos condicionales para todos los tipos de página de Blogger


Uso de etiquetas condicionales de Blogger, y así aprender más sobre el uso y para qué sirven cada una ellas, a continuación

Uso de condiciones


<b:if cond='data:blog.pageType in {&quot;item&quot;}'>

<!--Uso de condición con script para mostrar solo en las entradas-->

</b:if>



<b:if cond='data:blog.pageType in {&quot;static_page&quot;}'>

<!--Condición con script para mostrar solo en las páginas estáticas-->

</b:if>



<b:if cond='data:blog.url in {&quot;https://www.ayudadeblogger.com/2012/07/como-crear-una-galeria-de-imagenes-para.html&quot;}'>

<!--Uso de condición con script para mostrar solo en la dirección URL ingresada arriba-->

</b:if>



<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>

<!--Uso de condición con script para mostrar solo en la plantilla móbil-->

</b:if>


Ejemplo de uso de condición con diferentes entradas y páginas que mostrarán su desempeño solo con el script ingresado


<b:if cond='data:blog.url in {&quot;https://www.ayudadeblogger.com/p/plantillas-en-amp-html.html&quot;,&quot;https://www.ayudadeblogger.com/2017/10/plantilla-de-blogger-en-el-formato-amp-html-gratis-amp-ocean-free.html&quot;,&quot;https://www.ayudadeblogger.com/2017/08/amp-html-blogger-template-amp-kilo.html&quot;}'>

<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>

</b:if>


Uso de dos condiciones con la expresión and


<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.searchQuery'>

    <!-- página de búsqueda y página de índice -->

  </b:if>
</b:if>


Uso de dos condiciones con la expresión or


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + &quot;https://www.ayudadeblogger.com/p/plantillas-en-amp-html.html&quot;'>

  <!-- ejemplo sitio estático mi página o sitio estático de contactos -->

      <b:else/>

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + &quot;https://www.ayudadeblogger.com/p/contactos-ayuda-de-blogger.html&quot;'>

  <!-- ejemplo sitio estático mi página o sitio estático de contactos -->

   </b:if>

</b:if>


Uso de dos condiciones con la expresión not


<b:if cond='data:blog.pageType != "index"'>

  <!-- todas las páginas NO páginas indexadas -->

</b:if>


<b:if cond='data:blog.url != data:blog.homepageUrl'>

   <!-- todas las páginas NO páginas indexadas -->

</b:if>


Uso de la condición página de archivo


<b:if cond='data:blog.pageType == "archive"'>

  <!-- página de archivo-->

</b:if>


Uso de la condición página de error


<b:if cond='data:blog.pageType == "error_page"'>

  <!-- todas las páginas de errores-->

</b:if>


Uso de la condición index_page


<b:if cond='data:blog.pageType == "index"'>

  <!-- mostrara todas las páginas de índice -->

</b:if>


<b:if cond='data:blog.url == data:blog.homepageUrl'>

  <!-- solo página de inicio -->

</b:if>


Uso de la condición item


<b:if cond='data:blog.pageType == "item"'>

  <!-- todas las entradas del artículo -->

</b:if>


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2017/10/amp-blogger.html"'>

  <!-- muestra el articulo entrada seleccionado -->

</b:if>


Uso de la condición label


<b:if cond='data:blog.searchLabel'>

  <!-- todas las páginas de etiquetas -->

</b:if>


<b:if cond='data:blog.searchLabel == "Blogger"'>

  <!—ejemplo para la etiqueta  'Blogger' -->

</b:if>


Uso de la condición search


<b:if cond='data:blog.searchQuery'>

    <!-- todas las páginas de búsqueda -->

</b:if>


<b:if cond='data:blog.searchQuery == "Blogger"'>

  <!-- por ejemplo para la consulta 'Blogger' -->

</b:if>


Uso de la condición static_page


<b:if cond='data:blog.pageType == "static_page"'>

  <!-- todas las páginas estáticas -->

</b:if>


<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "https://www.ayudadeblogger.com/p/plantillas-en-amp-html.html"'>

  <!-- ejemplo una página estática específica con el nombre ‘plantillas-en-amp-html’ -->

</b:if>






Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: