Uno de los temas que nos suele preocupar bastante es la visualización del gadget de seguidores. Éste desaparece en algunos navegadores, como Firefox, Safari o Google Chrome, y aparece con Internet Explorer.
Hace unos días, El Potro, de Ciudad blogger, nos trajo un interesante proceso a través del cual podíamos obtener el gadget de seguidores y que se visualizase sin problemas en Mozilla Firefox 3.57, Internet Explorer 8, Google Chrome 4.0266 y Safari 4.0.4.
Basándome en los pasos que él explicaba, os traigo otra sencilla forma de conseguir el gadget de seguidores, esta vez utilizando otro gadget ("iPhone") y modificándolo un poco...
1) Inicia sesión en blogger.
2) Dirígete a Google Friend Connect.
3) En la barra lateral podrás ver un listado con tus blogs.
4) Haz clic en el blog en el que desees incluir el gadget de seguidores.
5) Selecciona la opción "Examinar la galería de gadgets":
6) Seguidamente, selecciona la opción "Todos los gadgets":
7) Busca el gadget denominado "iPhone":
8) Haz clic en Obtener este gadget y después en Generar código (paso 3).
Obtendrás un código como este:
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-6372054301354063612" 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-6372054301354063612',
url:'http://www.sponks.com/gadgets/iphone.xml',
site: 'CIFRAS',
'prefs':{"iphoneWidth":"282"}
},
skin);
</script>
9) Borra la línea marcada en verde.
En donde dice CIFRAS podrás ver un total de 20 carácteres que componen la ID del GFC (que es distinto en cada blog).
Si usas el código de esta entrada, reemplaza CIFRAS por los carácteres que encontrarás en la barra de direcciones, al entrar a Google Friend Connect y hacer clic en tu blog:
10) Pega el código en un gadget html-javascript que encontrarás en el apartado de Diseño para terminar:
¿Problemas al comentar? Utiliza 
¡Increible, Jaime! Mira que forma tan original. Me dió un poquillo de trabajo lo de la URL, que no lo explicaste muy bien.
Me alegra que te haya gustado la idea, Deybi. Tienes razón en cuanto a lo de la URL, intentaré mejorarlo ;).
Joé, qué cositas nos traes... MUy chula!!!!
Un besoteeeeeee
Laube, pués ya verás lo que tengo preparado para mañana ;).
¡¡Abrazos!!
Estimado Jaime un saludo, una consulta, quiero centrar el gadget de seguidores, pero el codigo que utilizo no se como ponerlo puesto que ese codigo lo pongo en los gadgets que son HTML en donde hay puro codigo, pero el gadget de seguidores no tiene como poner ningun codigo para poder centrarlo, como puedo hacer para centrarlo?, saludos.
Hola Abel3D! Bueno, prueba a centrarlo añadiendo esta línea de CSS antes de la etiqueta ]]></b:skin>...
#Followers1 .widget-content{text-align: center}
Este post me ha sido de utilidad. Yo lo he colocado en una página estática para aligerar la carga de la página principal.
¡Gracias!
Me alegra mucho José GDF. Yo también opté por algo similar, en mi caso el gadget de seguidores permanece oculto en la portada del Balcón.
Tengo un problema: coloqué el código tal y como lo explicaste, ingreso a mi blog y aparece... pero luego de cinco segundos desaparece. No creo que sea culpa del gadget (que igual ya lo quité porque dejaba un espacio grande enmarcado), porque tampoco se dejan ver mis seguidores en el gadget original. ¿Sabes a qué se debe? ¡Me estoy desesperando! :((
Tu blog es increíble, MUY útil, me encanta :D
¡Ahora ya se ven! Eliminé un código... Sigo sin entender por qué, ya que el código era para que aparecieran emoticons en mi blog y funcionaba bien... Bueno, perdón si te hice perder tiempo :D:D Adiós!!
Me alegra mucho que lo solucionases, Miranda. ¡Suerte con tu blog!
Gracias amigo me ayudaste un montón!
Mil gracias! me ayudaste muchísimo.