Implementar Google Friend Connect en WordPress

Bueno les dejo un mini tuto de como implentar esta tecnología en WordPress ya que no lo vi mucho en el mundo de los blogs.
Si les es util, comenten o si tiene alguna duda también comenten… :)

Paso 1: Accediendo a Connect Friend.

Deben entrar en http://www.google.com/friendconnect ya habiendo accedido a su cuenta de Gmail con la que desean Administrar sus Amigos y luego Aceptan el Terminos del Servicio que les pone Gmail, común para cuando unos se subscribe a una nueva tecnologia como FeedBurner, el historial de google, etc.




Paso 2: Mi Panel de Amigos.

Entramos al panel y pones en Continue.

Paso 3: Agregando nuevo sitio.

Ponemos el nombre del blog y la diraccion URL…

Paso 4: Descargando Archivos.

Descargamos los dos archivos que nos muestra en pantalla rpc_replay.html y canvas.html, archivos que subiremos al index de nuestro donde esta instalado nuestro Blog.

Paso 5: Probando archivos subidos.

Luego de haber subido los dos arhivos HTML a nuestro servidor le damos en Continue.
Si nos aparece esto, algo hicimos mal…

En cambio, si nos aparece esto, vamos bien…

Paso 6: Obteniendo el código.

Luego de hacer Click en Test to finalize setup, vamos a obtener el codigo para poner en nuestro blog…

Paso 7: Personalizando nuestro Widget.

Podemos darle el gusto que querramos a nuestro Widget. Color de Fondo, Bordes, Tamaño del Widget, Tamaño del las Caras y demás…

En la misma pagina damos click en Generate Code y ponemos el código en donde mas se nos guste en nuestro Blog.

Paso 8: Ubicando el Panel de nuestro Widget.

A la izquierda luego de haber creado y seguido los pasos, se nos creara un panel de administración que usaremos para modificar el Widget luego de haberlo creado.

Paso 9: Fin.

Listo una vez seguido los pasos como lo detallamos anteriormente, obtendremos nuestro panel para que se agregen mas personas y vos que esperas???

Saludos…


Puedes seguir cualquier respuesta a esta entrada mediante el canal RSS 2.0. Puedes dejar un comentario o enviar un trackback desde tu propio sitio.

1 Comentario »

 
 

Deja un comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

 
Follow Me Hazte Fan Subscribe