JMiur [E]

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 pero la reproduzco aquí:


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.

17 comentarios:

Gem@  

Sigues siendo mi referencia y maestro :)

Responder
JMiur  

¡Qué exageración! Sólo lo vi en tu blog y me pareció que era muy interesante. Jamás se me había ocurrido investigar el asunto :D

Responder
Carlos Soler  

Te he añadido en mis blogs en el apartado "Ayuda para blogs", me gusta lo que haces. Saludos

Responder
JMiur  

Muchas gracias, Carlos, es un honor.

Responder
eMeMe DescarGa  

Grax Men

Responder
Anónimo  

:( no entiendo

Responder
polaka1013  

muy buena la informacion!!!!
te dejo mi blog q lo realice gracias a tu ayuda http:polakaopiniones.blogspot.com

Responder
Martín.M,  

Excelnte explicacion hermano, un abrazo, gracias..!!
http://blogs-cristianos.blogspot.com/

Responder
AdMiRaT(!)oN *TL and Cholo  

;)

Responder
AdMiRaT(!)oN *TL and Cholo  

Gran ayuda! :D
muchas gracias

Responder
DDj  

:)

Responder
hecgabor  

buen post ...

te felicito aunque no sea el primero...

recien empiezo en blogger y post como estos son los que me llevaron a interesarme mas aun...


buen aporte ...

Responder
JMiur  

Me alegro que sea útil :D

Responder
Tuchi R.  

Andale, hice el widget y lo probé en otro de mis blogs. Efectivamente me funcionó pero sale mal posicionado. Y cuando se va a diseño de elementos para posicionarlo como debe ser no muestra más que ERROR. Pensé que era problema de mi widget, pero luego probé con el de aquí mismo. Y vuelve y me pasa lo mismo. La única forma que hay de solucionarlo hasta el momento es entrar como administrador a ver el blog y ahí mismo eliminar el widget porque por diseño no deja... será que le falta algún código a mi html para que posicione bien estos elementos?

Responder
JMiur  

En general, los widgets no tienen ningún tipo de diseño gráfico más alla´de lo elemental y adoptan als características del sitio donde son agregados; habría que ver el ejemplo concreto.

Responder
BokeronAcnSalerO  

Pues yo no sé como hacer un widget, me he leído 500 veces esto, y he ido a diseño de mi blog, y no doy cn la solución, necesito ayuda por favor, gracias

Responder
JMiur  

No sé que es lo que has hecho así que es difícil responder a eso.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR