miércoles, 22 de febrero de 2012

Blogger: ocultar widgets en determinadas páginas

Siguiendo con la serie de Blogger que comencé ayer, hoy voy a explicar como quitar ciertos widgets en determinadas páginas.

Ayer expliqué como quitar las barras laterales en las que se muestran todos los widgets que hemos añadido en el diseño de nuestro blog, pero en ocasiones no queremos ocultar la barra, si no solamente uno de sus elementos, por ejemplo un bloque de publicidad, un elemento de navegación, o simplemente por estética no queremos que aparezca el contador de visitas que aparece en la página principal del blog.

Vimos que todo está basado en las condiciones que Blogger permite añadir en casi cualquier elemento:

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

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

<b:if cond='data:blog.url == "http://la-URL-de-tu-post-o-pagina"'>

Esas tres condiciones especifican si nos encontramos en una página de nuestro blog, si nos encontramos en una entrada de post o si nos encontramos en una determinada URL respectivamente.

Pues bien, para ocultar un widget de una de estas páginas de blogger, de nuevo utilizaremos estas condiciones. Sólo cambia el lugar donde hay que colocarlo.
Paso a paso:

  1. Entrar en nuestro blog

  2. Acceder a la sección Plantilla

  3. Hacer una copia de seguridad de la plantilla actual por si algo saliera mal

  4. Hacer click en Edición de HTML (nos saldrá una ventana de alerta, hacer click en continuar)

  5. Hacer click en Expandir plantillas de artilugios (arriba a la izquierda)

  6. Buscar el widget que queremos ocultar:
    • Podemos buscarlo a través de la cadena "<b:widget>" pero habrá muchos y tendremos que saber identificarlo
    • También podemos buscarlo por el título que le hemos dado en el diseño, aunque en muchas ocasiones es un campo opcional y no estará presente.

  7. Una vez que lo tengamos localizado, tendremos que incluir las etiquetas de arriba, en función de dónde queramos ocultarlo:

    <b:widget id='ID_DEL_WIDGET' locked='false' title='TITULO_DEL_WIDGET' type='TIPO_DEL_WIDGET'>
      <b:includable id='main'>
        <!--OCULTAR ESTE WIDGET THE BLOGGER -->
        <b:if cond='data:blog.url == "http://la-URL-de-tu-post-o-pagina"'>
    
        <!--CODIGO DEL WIDGET -->
    
        <\b:if>
      </b:includable>
    </b:widget>
    

  8. Guardar la plantilla y probar el resultado en las páginas que cumplan esa condición.

Como muestra de este ejemplo, he ocultado el widget de los "Post más visitados" solamente en esta página. Si acceder a la página principal del blog, o a cualquier otra página, verás que ese Widget aparece el segundo de la barra lateral, pero sin embargo aquí he conseguido ocultarlo.

¿No lo consigues? ¿Algo está incorrecto? No dudes en dejar un comentario