¡Solución a la Lista de Seguidores!

Ayer por la noche estaba tristemente resignado a dejar que el gadget de seguidores muriera lentamente, así que pensé que lo único que me quedaba por hacer era "adornar" un enlace a la lista de seguidores con un ícono, mismo que no encontré por ningún lado ya que curiosamente Google Friend Connect no tiene un ícono distintivo.

En fin, como no encontré el ícono por ningún lado entré a la página de Google Friend Connect para ver si hallaba una imagen más o menos simpática que pudiera usar como ícono.

Ahí me topé con un gadget de Alex Sponker, era una lista se seguidores en forma de iPhone, y pensé -¿Será posible que con este gadget funcione?

Copié el código, lo pegué en mi plantilla y... No, no funcionó.

Pero vi que había otro gadget de él, uno que simula ser una lista se seguidores dentro de un monitor. Lo pegué, y curiosamente ese sí funcionaba... Pero tenía un diseño poco atractivo para mi gusto además de un enlace grande de "Get this gadget"

Así que me puse a analizar el código en cuestión, eliminé una simple y sencilla línea y ¡voilà! ¡Se ve mi lista se seguidores!

Así que les diré la solución a la Lista de Seguidores para tener de vuelta ese gadget y hacer que se vea:

1. Primero debes entrar a Google Friend Connect.
2. Ahí haz click en el menú izquierdo sobre el nombre de tu blog al que quieres ponerle la lista de seguidores.
3. Ahora haz click en Examinar la galería de Gadgets.



4. Luego en Todos los gadgets.



5. A continuación verás una lista de gadgets, baja hasta al final y cuando encuentres un gadget en forma de pantalla (Screensaver) haz click en Obtener este gadget.



6. Ahí selecciona el ancho y alto de tu gadget así como los colores.
7. Cuando termines haz click hasta abajo en Generar código.
8. Copia el código y ve a Diseño > Elementos de la página > Añadir gadget > HTML/Javascript.
9. Pega el código sin guardar los cambios; revisa al final del código y verás una línea como esta:

<!-- Include the Google Friend Connect javascript library. -->
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-1581107394440882006" style="width:300px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-1581107394440882006',
url:'http://www.sponks.com/gadgets/screensaver.xml',
site: '05983757033084872491',
'prefs':{"waitTime":"2","screenWidth":"282","useEffects":"1","rows":"3"}
},
skin);
</script>

Elimina SÓLO lo que está en color rojo, nada más. Guarda los cambios y ¡LISTO! ¡Tendras de vuelta tu Lista se Seguidores!

Lo he probado con Google Chrome 4.0266, Mozilla Firefox 3.57, Internet Explorer 8, Safari 4.0.4 y en todos funciona, en el único que sigue sin verse es en Opera.

Supongo que el conflicto está en la interfaz de la Lista de seguidores, es ahí donde se vuelve incompatible con Scriptaculous, no lo sé, ya que los expertos nos digan.

Por lo pronto sigo teniendo Scriptaculous y como pueden ver, mi Lista de Seguidores se ve de nuevo :)

Más información aquí