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
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
Pegamos este codigo que es el que nos permite conectarnos via PHP con la base de datos de Facebook:
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í:
3. Buscamos ahora
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.
<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.