Etiqueta b:widget de Blogger

b:widget Blogger

Las etiquetas b:widget forman parte del cuerpo del documento xml. Son obligatorias para insertar gadgets y requieren obligatoriamente una etiqueta b:section.


Nota: Para comprender mejor los terminos que utilizo en las entradas de la categoria enciclopedia puedes consultar la tabla de terminos.


Etiqueta b:widget

Nos permite generar gadgets/widgets en la plantilla xml. Su sintaxis es la siguiente:


<b:widget id='[Identificador]' type='[Tipo]'>
   <!-- [b:include] -->
</b:widget>

La etiqueta b:widget soporta atributos que definen su configuración y comportamiento. En la siguiente tabla se encuentran los atributos disponibles:


type [string] Obligatorio. Tipo de gadget a insertar.
id [string] Obligatorio. Identificador único de del widget.
title [string] Nombre del widget que será visible desde la pestaña "Diseño".
locked [boolean] true para no permitir moverlo ni eliminarlo, caso contrario false.
mobile [boolean] yes para mostrar en dispositivos móviles, caso contrario no.
visible [boolean] true para que el widget sea visible, caso contrario false.
version [number] Establece la versión del widget (1 o 2)

La sintaxis con los atributos establecidos sería la siguiente:


<b:widget id='[id]' locked='[true || false]' mobile='[yes || no]' type='[tipo]' title='[nombre]' version='[1 || 2]' visible='[true || false]'>
   <!-- [b:include] -->
</b:widget>

Renderizado HTML

Cuando la etiqueta <b:widget/> se renderiza, se convierte en una etiqueta <div/>, la única desventaja es que no soporta clases y cualquiera que agreguemos desaparecerá, por ejemplo, en la plantilla xml tenemos lo siguiente:


<b:widget id='Blog1' locked='true' type='Blog' title='Entradas del blog' version='1'>
   <!-- [b:include] -->
</b:widget>

Al renderizarse, si revisamos el código fuente del blog, la etiqueta <b:widget/> se convierte en lo siguiente:


<div class='widget Blog' data-version='1' id='Blog1'>
   <!-- [b:include] -->
</div>

Los únicos parámetros que se renderizan son el identificador y la version del widget, ademas, blogger agrega de forma automática la class "widget" mas la clase que corresponde al tipo de widget.


Condiciones

También es posible agregar condiciones en un widget si usamos el atributo "cond" directamente en la etiqueta de la siguiente forma:


<b:widget cond='[expresion]' id='[id]' type='[tipo]'>
   <!-- [b:include] -->
</b:widget>

Por ejemplo, en el siguiente codigo utilizamos una etiqueta data:view y establecemos que el widget solo estara disponible en una pagina estatica:


<b:widget cond='data:view.isPage' id='AdSense1' type='AdSense'>
   <!-- [b:include] -->
</b:widget>

Default config

El widget mantendrá una configuración por defecto, aun después de instalar la plantilla en otro blog. Para ello se generan automáticamente las etiquetas b:widget-settings y b:widget-setting y se posicionan antes de cualquier includable.


Si quieres conocer la lista de widgets disponibles en blogger junto a sus etiquetas data, te recomiendo revisar mi articulo Lista de etiquetas data de widgets de Blogger.


Si te ha servido toda esta informacion no olvides compartir la entrada, ayudaras a mas personas y eso me ayudaria mucho. Muchas gracias por leer.