Códigos de información data:name para widgets de Blogger

min rel

Anteriormente ya habíamos hablado sobre las principales etiquetas data:name de Blogger. En esta entrada dejare una lista de todos los widgets principales de blogger, juntos con sus respectivos códigos de información, lo cual es muy útil para crear tus propios widgets, o reestructurar y potenciar la utilidad que nos brindan.


Global

Las siguientes etiquetas datas devuelven información disponible dentro de cualquier widget.


<data:title/>Muestra el nombre o el titulo del widget
<data:widget.instanceId/>Muestra la id única del widget, ej. "AdSense1", "FeaturedPost1", etc.

AdSense

Genera un bloque de anuncios configurable. Es necesario validar tu blog en tu cuenta de adsense. 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/>Genera un bloque de anuncios acorde a la configuración en la sección diseño.

Entrada destacada

Resalta una entrada específica, la cual puedes seleccionar 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/>Devuelve "true" si en la configuración esta habilitado mostrar el titulo del post, caso contrario devuelve "false".
<data:showSnippet/>Devuelve "true" si en la configuración esta habilitado mostrar el resumen del post, caso contrario devuelve "false".
<data:showFirstImage/>Devuelve "true" si en la configuración esta habilitado mostrar la primera imagen del post, caso contrario devuelve "false".
<data:postUrl/>Muestra la url del post configurado en el widget.
<data:postTitle/>Muestra el titulo del post configurado en el widget.
<data:postSummary/>Muestra el resumen del post configurado en el widget.
<data:postFirstImage/>Muestra la primera imagen del post configurado en el widget.

Búsqueda de blogs

Genera un pequeño formulario para buscar dentro de tu blog. 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 de blogs:


<data:blog.searchUrl/>Devuelve la url de la pagina de búsqueda. Por lo general es: http://tublog.com/search.
<data:messages.search/>Muestra el texto "Buscar".
<data:view.isSearch/>Devuelve "true" si la página actual es una búsqueda, caso contrario devuelve "false".

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/>Devuelve el 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. Este widget contiene un conjunto de datos que solo se puede utilizar dentro de ciclos b:loop. La estructura tiene este aspecto:


<b:widget id='Profile1' type='Profile'>
   <b:includable id='main'>
      <!-- data:name -->
      <b:loop values='data:authors' var='i'>
         <!-- data:i.name -->
      </b:loop>
   </b:includable>
</b:widget>

Data para Widget tipo Profile - Estos datos están disponibles en el widget y no requieren ningún ciclo:


<data:team/>Devuelve "true" si hay mas de un autor en el blog, caso contrario devuelve "false".
<data:hasgoogleprofile/>Devuelve "true" si usas Google+ como perfil, caso contrario devuelve "false".
<data:displayname/>Muestra el nombre del autor del blog.
<data:userUrl/>Devuelve la url hacia el perfil del autor.
<data:photo.url/>Devuelve la url de la foto del autor en 80x80.
<data:messages.myPhoto/>Muestra el texto "Mi foto".
<data:photo.width/>Devuelve el ancho de la foto del autor. Por defecto se establece en 80.
<data:photo.height/>Devuelve el alto de la foto del autor. Por defecto se establece en 80.
<data:profileLogo/>Devuelve la url hacia un pequeño icono de 16x16. Corresponde al tipo de perfil, ya sea Google+ o Blogger.
<data:showlocation/>Devuelve "true" si esta permitido mostrar la localidad del autor, caso contrario devuelve "false".
<data:location/>Muestra la localidad del autor.
<data:aboutme/>Muestra la información del autor de Google+ que se configura en "Acerca de mí".
<data:viewProfileMsg/>Muestra el texto "Ver todo mi perfil".

Data dentro del ciclo "authors" - Requiere de un ciclo "bloop" del valor data:authors y una variable que en este caso será i


<data:i.userUrl/>Devuelve la url que corresponde a cada autor.
<data:i.profileLogo/>Devuelve la url hacia un pequeño icono de 16x16. Corresponde al tipo de perfil, ya sea Google+ o Blogger.
<data:i.display-name/>Devuelve el nombre que corresponde a cada autor.

Archivo del blog

Las etiquetas data de este widget se pospondrán porque es muy complejo y aun no lo comprendo del todo.


Imagen

Muestra una imagen desde un enlace o desde la pc 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>

<data:link/>Devuelve el enlace agregado en la configuración del widget.
<data:sourceUrl/>Devuelve la url de la imagen.
<data:width/>Devuelve el ancho de la imagen.
<data:height/>Devuelve el alto de la imagen.
<data:caption/>Devuelve el texto ingresado en la configuración del widget.

Etiquetas

Genera una lista de etiquetas que corresponden a las entradas publicadas. Este widget contiene un conjunto de datos que solo se puede utilizar dentro de ciclos b:loop. La estructura tiene este aspecto:


<b:widget id='Label1' type='Label'>
   <b:includable id='main'>
      <!-- data:name -->
      <b:loop values='data:labels' var='label'>
         <!-- data:label.name -->
      </b:loop>
   </b:includable>
</b:widget>

Data para Widget tipo Label - Estos datos no requieren ningún ciclo:


<data:display/>Devuelve "list" o "cloud" dependiendo de la configuración del widget.
<data:showFreqNumbers/>Devuelve "true" si la opción "Mostrar cantidad de entradas por etiqueta" se encuentra marcada, caso contrario devuelve "false".

Data dentro del ciclo "labels" - Requiere de un ciclo "bloop" del valor data:labels y una variable que en este caso será label


<data:label.name/>Devuelve el nombre de la etiqueta.
<data:label.url/>Devuelve la url de la etiqueta.
<data:label.count/>Devuelve la cantidad de entradas que contienen la etiqueta correspondiente.

Páginas

Muestra una lista de enlaces que corresponden a las paginas del blog, o enlaces externos configurados. Este widget contiene un conjunto de datos que solo se puede utilizar dentro de ciclos b:loop. 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>

Data dentro del ciclo "links" - Requiere de un ciclo "bloop" del valor data:links y una variable que en este caso será link


<data:link.isCurrentPage/>Devuelve "true" si la pagina actual corresponde al enlace, caso contrario devuelve "false".
<data:link.href/>Devuelve la url de la página.
<data:link.title/>Devuelve el título de la página.

Enlaces

Muestra una lista de enlaces configurados desde el widget (similar al widget paginas). Este widget contiene un conjunto de datos que solo se puede utilizar dentro de ciclos b:loop. 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>

Data dentro del ciclo "links" - Requiere de un ciclo "bloop" del valor data:links y una variable que en este caso será link


<data:link.name/>Devuelve el titulo del enlace.
<data:link.target/>Devuelve la url que corresponde al enlace.

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>

<data:content/>Todo el contenido del widget que en este caso corresponde al texto.

Entradas populares

Muestra la lista de entradas mas visitadas del blog, en un rango de tiempo configurable. Este widget contiene un conjunto de datos que solo se puede utilizar dentro de ciclos b:loop. La estructura tiene este aspecto:


<b:widget id='PopularPosts1' type='PopularPosts'>
   <b:includable id='main'>
      <b:loop values='data:posts' var='post'>
         <!-- data:post.name -->
      </b:loop>
   </b:includable>
</b:widget>

Data para Widget tipo PopularPosts - Estos datos están disponibles en el widget y no requieren ningún ciclo:


<data:showThumbnails/>Devuelve "true" si la opción "imagen en miniatura" se encuentra marcada, caso contrario devuelve "false".
<data:showSnippets/>Devuelve "true" si la opción "fragmento" se encuentra marcada, caso contrario devuelve "false".

Data dentro del ciclo "posts" - Requiere de un ciclo "bloop" del valor data:posts y una variable que en este caso será post


<data:post.title/>Devuelve el titulo del post popular.
<data:post.href/>Devuelve la url del post popular.
<data:post.snippet/>Devuelve un resumen del post (solo texto).
<data:post.thumbnail/>Url de la imagen en miniatura del post (Requiere que la imagen se suba a blogger) ej. Thumbnail
<data:post.featuredImage/>Url de la primera imagen en tamaño completo. Ignora si esta subida a blogger o no, ej. ImageUrl
<data:post.featuredImage.isResizable/>Devuelve "true" si la imagen permite cambiar su resolución, caso contrario devuelve "false".

Esta entrada se seguirá actualizando agregando los widgets faltantes.