NETGUAY: Como agregar comentarios de FACEBOOK a tus entradas de BLOGGER

Las redes sociales se han vuelto muy populares hoy en día, estas herramientas son utilizadas en forma masiva en todo el mundo y su utilización es muy sencilla. En este tutorial les enseñaré a agregar la caja de comentarios de Facebook a cada una de sus entradas de Blogger. Luego de mucho investigar, me he dado cuenta de que hay miles de páginas que proveen del código HTML erróneo o mal construido, pero aquí les daré uno que funciona, es el que yo uso para los comentarios de mis entradas. Sigue todos los pasos al pie de la letra y luego tendrás la codiciada caja de comentarios de facebook incrustada a las entradas de tu blog.

1- Debemos crear una aplicación ingresando en la página de desarrolladores de facebook. Aquí proporcionamos el nombre y la dirección URL principal de nuestra página web o blog, luego clic en "Crear aplicación". La info que tenemos que anotar es la ID de aplicación. (ejemplo: 1518352846154).

2- Vamos a DISEÑO | Edición de HTML, expandir plantillas de artilugios y buscamos el siguiente código (Ctrl+F para buscar más rápido):

<body>

3- Inmediatamente luego de la etiqueta <body> pegamos el siguiente código:

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'SU ID DE APLICACIÓN',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML

});
FB.Event.subscribe('comments.create', function(response) {
// do something with comments.create like notify me when new comment
});
FB.Event.subscribe('edge.create', function(response) {
// do something with edge.create like notify me when someone likes something
});
};

(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>

Cambie la parte donde dice "SU ID DE APLICACIÓN" por su propia ID de aplicación que adquirió en el paso 1.

4- Ahora busque el siguiente código (Ctrl+F):

<b:if cond='data:post.allowComments'>

Posiblemente encontrarás varias veces este código, pero buscarás el que esté luego de <a name='comments'/>, ese es el correcto.

5- Luego de <b:if cond='data:post.allowComments'> pega el siguiente código:

<fb:comments expr:href='data:post.url' num_posts='5' width='550'/>

Puedes cambiarle el ancho poniendo otro valor después de width= (en este caso es 550)

6. Guarda los cambios y LISTO! ya tienes la caja para comentar a través de Facebook al final de tus entradas.

Etiquetas: Blogger, Facebook

NETGUAY

martes, 15 de noviembre de 2011

Como agregar comentarios de FACEBOOK a tus entradas de BLOGGER

0 comentarios:

Entradas anteriores