Instalar aplicaciones de Facebook Connect en Blogger




Es increible como podemos aprovechas las multiples aplicaciones que presenta Facebook para nuestro sitio web, blog (wordpress y/o blog) y la conexion de twitter y fb. A continuación les dejo 5 pasos basicos que debemos de seguir antes de querer instalar alguna aplicación de FB en nuestro sitio web o blog (wordpress o blogger).

1. Ingresamos a nuestra cuenta de Fb y nos dirigimos a este link:


http://www.facebook.com/developers/createapp.php

Nos pide la creación de cualquier aplicacion: En nuestro caso vamos a llamarla "Live Streaming Aeroman Virtual". El siguiente paso es configurar la aplicación con nuestro sitio web. Y posteriormente copiamos el numero de aplicación:

identificación de aplicación
174818159222100
Clave API
b46d6d964fa0e174a33008d8f9750531
Código secreto de la aplicación
9277a6bceb32e2a89078777147737941

2. Ingresamos a nuestra cuenta de blogger. Diseño, Edición HTML y expandir artilugios.

Buscamos el primer <html (Casi tercera linea de nuestro codigo XHTML)
Pegamos este codigo que es el que nos permite conectarnos via PHP con la base de datos de Facebook:
xmlns:fb='http://www.facebook.com/2008/fbml'
El codigo quedara mas o menos así:

<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:

3. Buscamos ahora
<body>

Pegamos despues de esta etiqueta el siguiente codigo. La parte en rojo debe de cambiar por tu numero de aplicacion, que en este caso es 174818159222100.

<div id="fb-root"></div>

<script>

window.fbAsyncInit = function() {

FB.init({

appId : '174818159222100',

status : true, // check login status

cookie : true, // enable cookies to allow the server to access the session

xfbml : true // parse XFBML

});

};



(function() {

var e = document.createElement('script');

e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';

e.async = true;

document.getElementById('fb-root').appendChild(e);

}());

</script>

4. Buscamos ahora la siguiente etiqueta

</head>

Y pegamos lo siguiente antes de la etiqueta( o sea arriba). Lo que esta de color rojo es lo que debes de cambiar con tus datos:

<b:if cond='data:blog.pageType == "item"'>

<meta expr:content='data:blog.pageTitle' property='og:title'/>

<meta expr:content='data:blog.url' property='og:url'/>

<b:else/>

<meta expr:content='data:blog.title' property='og:title'/>

<meta expr:content='data:blog.homepageUrl' property='og:url'/>

</b:if>

<meta content='Aeroman Virtual' property='og:site_name'/>

<meta content='174818159222100' property='fb:app_id'/>

<meta content='http://www.facebook.com/aeromanvirtual' property='fb:admins'/>

Y listo, has conectado a la base de datos de Facebook.






Pages