Lista de etiquetas data de widgets de Blogger

data widgets blogger

Las siguientes etiquetas de datos corresponden a los Gadgets y están disponibles en Blogger Layout v2 b:layoutsVersion='2' y Widgets v1 b:defaultwidgetversion='1'


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


Global widgets

Contienen información disponible dentro de cualquier widget.


data:title [string] Nombre del widget
data:widget.type [string] Tipo de widget
data:widget.version [number] Versión del widget
data:widget.sectionId [string] Id única de la etiqueta section.
data:widget.instanceId [string] Id única del widget, ejemplo. "AdSense1", "FeaturedPost1".
data:widget.actionUrl [url] Enlace canónico, más parámetros que contienen data:widget.type + data:widget.instanceId
data:widget.quickEditUrl [url] Enlace hacia la edición rápida.

Header

Genera informacion general utilizada como header del blog. La estructura tiene este aspecto:


<b:widget id='Header1' type='Header'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget Header:


data:title [string] Título especificado para el blog.
data:description [string] Descripción especificada para el blog.
data:useImage [boolean] true si usas una imagen como logo, caso contrario false.
data:sourceUrl [image] Enlace hacia el logo.
data:width [number] Ancho del logo.
data:height [number] Alto del logo.
data:imagePlacement [string] Devuelve "BEHIND", "REPLACE" o "BEFORE_DESCRIPTION" dependiendo de la configuración del logo.

Entradas del Blog

Genera las entradas del blog, ya sean multiples o singulares, tambien genera las paginas estaticas. He escrito un articulo completamente enfocado al Gadget Blog


AdSense

Genera un bloque de anuncios configurable. Es necesario configurar adsense en el blog. La estructura tiene este aspecto:


<b:widget id='AdSense1' type='AdSense'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de AdSense:


data:adCode [string] Inserta html del anuncio de adsense.

Atribución

Genera la informacion de los derechos de autor. La estructura tiene este aspecto:


<b:widget id='Attribution1' locked='true' type='Attribution'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Atribución:


data:attribution [string] Datos de atribucion.

Archivo del blog

Muestra una lista de entrada estilo archivo organizado por fecha de publicacion, lista desplegable o lista simple. He escrito un articulo completamente enfocado al Gadget Archivo del blog


Lista de blogs

Muestra una lista de los blogs que sigues ademas de mostrar el ultimo post correspondiente a cada blog. He escrito un articulo completamente enfocado al Gadget Lista de blogs


Búsqueda

Genera un formulario de busqueda. La estructura tiene este aspecto:


<b:widget id='BlogSearch1' type='BlogSearch'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Búsqueda:


data:blog.searchUrl [url] Enlace hacia la pagina de búsqueda.
data:messages.search [string] Muestra el texto "Buscar".

Entrada destacada

Resalta una entrada específica, seleccionable desde la configuración del widget. La estructura tiene este aspecto:


<b:widget id='FeaturedPost1' type='FeaturedPost'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Entrada destacada:


data:showPostTitle [boolean] true si en la configuración esta habilitado "mostrar el titulo del post", caso contrario false.
data:showSnippet [boolean] true si en la configuración esta habilitado "mostrar el resumen del post", caso contrario false.
data:showFirstImage [boolean] true si en la configuración esta habilitado "mostrar la primera imagen del post", caso contrario false.
data:postUrl [url] Enlace hacia la entrada configurada.
data:postTitle [string] Titulo de la entrada configurada.
data:postSummary [string] Resumen de la entrada configurada.
data:postFirstImage [image] La primera imagen de la entrada configurada.

HTML/Javascript

Sirve para incluir código html, css y javascript usando un widget. La estructura tiene este aspecto:


<b:widget id='HTML1' type='HTML'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de código HTML/Javascript:


data:content [string] Código insertado desde la configuración del widget.

Perfil

Crea una tarjeta de usuario con los datos del administrador, o genera una lista de todos los autores. He escrito un articulo completamente enfocado al Gadget Perfil


Imagen

Muestra una imagen desde un enlace o subida a blogger mediante la configuración del widget. La estructura tiene este aspecto:


<b:widget id='Image1' type='Image'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Image:


data:link [url] Muestra el enlace agregado en la configuración del widget.
data:sourceUrl [image] Enlace hacia la imagen.
data:width [number] Ancho de la imagen.
data:height [number] Alto de la imagen.
data:caption [string] Muestra el texto ingresado en la configuración del widget.

Etiquetas

Genera una lista de etiquetas que corresponden a todas las entradas publicadas. He escrito un articulo completamente enfocado al Gadget Etiquetas


Páginas

Muestra una lista de enlaces que corresponden a las paginas del blog, o enlaces externos configurados. La estructura tiene este aspecto:


<b:widget id='PageList1' type='PageList'>
   <b:includable id='main'>
      <b:loop values='data:links' var='link'>
         <!-- data:link.name -->
      </b:loop>
   </b:includable>
</b:widget>

Como ejemplo se utilizará la tabla links y la variable link.


data:link.isCurrentPage [boolean] true si la pagina actual corresponde al enlace, caso contrario false.
data:link.href [url] Enlace hacia la página.
data:link.title [string] Título de la página.

Enlaces

Muestra una lista de enlaces configurados desde el widget. La estructura tiene este aspecto:


<b:widget id='LinkList1' type='LinkList'>
   <b:includable id='main'>
      <b:loop values='data:links' var='link'>
         <!-- data:link.name -->
      </b:loop>
   </b:includable>
</b:widget>

Como ejemplo se utilizará la tabla links y la variable link.


data:link.name [string] Nombre del enlace.
data:link.target [url] El enlace configurado dentro del widget.

Texto

Genera un bloque de texto que puede contener html. La estructura tiene este aspecto:


<b:widget id='Text1' type='Text'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Texto:


data:content [string] Todo el contenido del widget que en este caso corresponde al texto.

Muestra la lista de entradas mas visitadas del blog, en un rango de tiempo configurable. He escrito un articulo completamente enfocado al Gadget Entradas populares


Estadísticas del blog

Genera un contador con las visitas dentro del rango de tiempo especificado. La estructura tiene este aspecto:


<b:widget id='Stats1' type='Stats'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Stats:


data:statsUrl [url] Enlace hacia la pagina con datos estadisticos para el contador.
data:showSparkline [boolean] true si el grafico de estadisticas esta activado, caso contrario false.
data:showGraphicalCounter [boolean] true si el contador estilo graph esta activado, caso contrario false.
data:showAnimatedCounter [boolean] true si el contador animado esta activado, caso contrario false.

Seguir por correo electrónico

Genera formulario de suscripcion para feedburner. La estructura tiene este aspecto:


<b:widget id='FollowByEmail1' type='FollowByEmail'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de FollowByEmail:


data:feedPath [string] Muestra el nombre del feedburner.

Feed

Crea una lista de elementos basado en feeds. La estructura tiene este aspecto:


<b:widget id='Feed1' type='Feed'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Feed:


data:feedUrl [url] Muestra la url del feed.
data:loadingMsg [string] Muestra el texto "Cargando...".
data:showItemDate [boolean] true si la fecha del feed esta activado, caso contrario false.
data:showItemAuthor [boolean] true si se permite mostrar el autor de la publicacion en el feed, caso contrario false.
data:openLinksInNewWindow [boolean] true si los enlaces del feed se abren en una nueva pestaña, caso contrario false.
data:numItemsShow [number] La cantidad de elementos configurados.

Logotipo

Añade el logotipo "Powered by blogger". La estructura tiene este aspecto:


<b:widget id='BloggerButton1' type='BloggerButton'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de BloggerButton:


data:fullButton [image] Enlace hacia la imagen seleccionada del logotipo.

Boton +1

Añade el boton "+1" de google plus. La estructura tiene este aspecto:


<b:widget id='PlusOne1' type='PlusOne'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de PlusOne:


data:language [string] Idioma del botón.
data:size [string] Devuelve small, medium, standard o tall según el tamaño configurado.
data:annotation [string] Devuelve bubble, inline o none según el estilo configurado.

Traductor

Añade el traductor de google al blog. La estructura tiene este aspecto:


<b:widget id='Translate1' type='Translate'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Translate:


data:pageLanguage [string] Idioma de la pagina.
data:layout [string] Devuelve VERTICAL, HORIZONTAL o SIMPLE Segun la configuracion del traductor.

Lista

Añade una lista de elementos. La estructura tiene este aspecto:


<b:widget id='TextList1' type='TextList'>
   <b:includable id='main'>
      <!-- data:[name] -->
      <b:loop values='data:items' var='item'>
         <!-- data:item.name -->
      </b:loop>
   </b:includable>
</b:widget>

Como ejemplo se utilizará la tabla items y la variable item.


data:item [string] El texto del elemento de la lista.

Google+ seguidores

Añade el gadget "Seguidores" de google plus al blog. La estructura tiene este aspecto:


<b:widget id='PlusFollowers1' type='PlusFollowers'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Google+ seguidores:


data:language [string] Idioma del gadget.
data:width [number] Ancho del gadget.
data:height [number] Alto del gadget.
data:profileUrl [url] Enlace del perfil a google plus.
data:theme [string] Devuelve DARK o LIGHT dependiendo de la configuracion del tema.

Google+ insignia

Añade el gadget "Insignia" de google plus al blog. La estructura tiene este aspecto:


<b:widget id='PlusBadge1' type='PlusBadge'>
   <b:includable id='main'>
      <!-- data:[name] -->
   </b:includable>
</b:widget>

Las etiquetas data para el widget de Google+ insignia:


data:profileId [string] ID del perfil de google plus.
data:profileUrl [url] Enlace hacia el perfil de google plus.
data:language [string] Idioma del gadget.
data:width [number] Ancho del gadget.
data:theme [string] Devuelve dark o light dependiendo de la configuracion del tema.
data:badgeType [string] Devuelve person, page o community dependiendo de la configuracion.
data:layout [string] Devuelve portrait o landscape dependiendo de la configuracion del diseño del tema.
data:showTagline [boolean] true si el eslogan esta habilitado, caso contrario false.
data:showCoverPhoto [boolean] true si la foto de portada esta habilitado, caso contrario false.

Esta entrada se actualizará siempre que existan nuevos datos de importancia o si alguno deja de funcionar.