Creando widgets para Blogger

Cuando me preguntaron si era posible poner algún código para que los visitantes enlazaran el blog que no fuera el que se mostraba en el Blog de Gem@ tuve que responder que sí, que era posible aunque, lo que se muestra en ese artículo es mucho más interesante porque está enseñando la forma de crear un widget, uno de esos elementos que cualquiera puede insertar en su blog sin tener que escribir nada.

¿Qué es un widget?, pués eso que se muestra en la primera solapa de Diseño de Blogger, los elementos o "artilugios" son módulos independientes que los usuarios podemos agregar, quitar o modificar.

Los/las widgets (todavía no sé si son masculinos o femeninas) son herramientas muy útiles que permiten que incorporemos servicios en nuestro blog que, de otra manera, nos sería muy complicado implementar. Blogger nos da la posibilidad de crearlas sin restricciones de contenido así que podemos hacer una con casi cualquier cosa ya que pueden incluir código HTML y scripts.

Para crear un widget lo que debemos hacer es crear un formulario que envíe los resultados a Blogger. Así, cuando alguien hace click en el botón Enviar de ese formulario, se abrirá Blogger para que este pueda añadirlo.

Vayamos por partes. Primero que nada, debemos diseñar el widget, es decir, escribir el código. Un ejemplo simple lo provee la misma ayuda de Blogger pero mejor sigamos el ejemplo de uno para que nos enlacen, al estilo del que muestra Gem@:

<form action="http://beta.blogger.com/add-widget" method="post">
<input value="NOMBRE" name="widget.title" type="hidden"/>
<input value="URL_blog" name="infoUrl" type="hidden"/>
<input value="URL_favicon" name="logoUrl" type="hidden"/>

<textarea style="display: none;" name="widget.content">
....... [ el contenido de nuestro widget ] .......
</textarea>

<input value="<data:content/>" name="widget.template" type="hidden"/>
<input value="TEXTO BOTON" name="go" type="submit"/>
</form>

Ese es el modelo básico. En él, hay código obligatorio y código opcional:

widget.title (Opcional) es el NOMBRE que se mostrará en la pestaña Elementos de la página del usuario cuando edite su diseño (longitud máxima, 100 caracteres y puede contener HTML)

infoURL (Opcional) especifica una página que describe el widget o proporciona información adicional. Se utilizará como vínculo de Más información en la página de configuración.

logoURL (Opcional) es una URL a la imagen a mostrar en Más información (tamaño máximo 100x100 pixeles).

widget.template (Opcional) puede utilizarse cualquiera de las etiquetas de datos globales. No vale la pena entrar en detalles y conviene dejarla así como está.

widget.content (Obligatorio) es el contenido que se mostrará en el blog del usuario y puede tener casi cualquier código. Siempre hay que utilizar caracteres especiales para reemplazar los caracteres reservados, por ejemplo, en lugar de escribir <a> hay que escribir &lt;a&gt;.

Por último, faltaría poner nuestro propio código. Esto es sencillo, simplemente lo escribimos como si lo fuéramos a colocar directamente en un elemento de la sidebar. Por ejemplo, supongamos que usamos una imagen como enlace:

<a href="URL_blog" target="_blank">
<img src="URL_imagen"/>
</a>

Eso, es lo que se insertará en el blog de quien quiera agregarlo, un simple enlace y eso es lo que colocamos como contenido del widget, entre <textarea> y </textarea>

Puede verse funcionando en la sidebar, en la sección AUTOPROMO, WIDGET.

Hacienc click en Widget, se abrirá una página de Blogger donde nos piden que confirmemos nuestra decisión y desde donde podemos seleccionar el blog donde será insertado (si disponemos de varios) o cambiar el título (también podemos hacerlo después). Expandiendo Editar contenido, veremos el código que se insertará, algo que es recomendable hacer para evitar sorpresas.

Debemos hacer click en Añadir Artilugio para terminar. Blogger nos mostrará entonces la página de Diseño para que podamos reubicarla manualmente o manipularla como a cualquier otra.