Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Nueva forma de poner el gadget de seguidores

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:


Diseño>añadir gadget (elemento de página)>html-javascript




Deybi dice...

¡Increible, Jaime! Mira que forma tan original. Me dió un poquillo de trabajo lo de la URL, que no lo explicaste muy bien.

Jaime Trujillo Escobedo dice...

Me alegra que te haya gustado la idea, Deybi. Tienes razón en cuanto a lo de la URL, intentaré mejorarlo ;).

Laube dice...

Joé, qué cositas nos traes... MUy chula!!!!
Un besoteeeeeee

Jaime Trujillo Escobedo dice...

Laube, pués ya verás lo que tengo preparado para mañana ;).

¡¡Abrazos!!

Abel3D dice...

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.

Jaime Trujillo Escobedo dice...

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}

José GDF dice...

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!

Jaime Trujillo Escobedo dice...

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.

Miranda. dice...

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

Miranda. dice...

¡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!!

Jaime Trujillo Escobedo dice...

Me alegra mucho que lo solucionases, Miranda. ¡Suerte con tu blog!

Prof. Nelson dice...

Gracias amigo me ayudaste un montón!

Prof. Nelson dice...

Mil gracias! me ayudaste muchísimo.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo