headline photo

Entradas populares

Colocar comentarios facebook en blogger

viernes, 17 de junio de 2011

Ahora aprenderemos a colocar la casilla de comentarios de facebook en blogger, además lo configuraremos para que puedas recibir notificaciones de los nuevos comentarios en tu propio facebook. Comenzamos:

Primero
Nos vamos al blogger > luego clic en diseño > edición HTML > y activamos la casilla EXPANDIR ARTILUGIOS

Como se muestra en la siguiente imagen(clic para agrandar)


Segundo
presionamos Ctrl + F para que se habilite el buscador (el cual va a aparecer en la parte de arriba del navegador) ahí pegamos <div class='post-footer-line post-footer-line-1'> ó <p class='post-footer-line post-footer-line-1'> (varía por el tipo de plantilla)

tal como se muestra en la siguiente imagen (clic para agrandar)


Tercero
Pegamos el siguiente código debajo del resultado.

<div id='fb-root'/><script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>
<div id='comentariosface'><fb:comments colorscheme='light' expr:href='data:post.url' height='80' num_posts='3' width='500'/></div>

Acá terminamos con la casilla del comentario facebook para cada entrada de blogger.

Cuarto
Ahora vamos a conectar nuestra casilla de comentario con nuestro facebook para recibir las notificaciones. Para eso debemos crearnos una aplicación facebook. Nos dirigimos a la página de desarrolladores https://www.facebook.com/developers/  y hacemos clic en crear aplicación.
Llena los datos, al poner el nombre le ponemos comentarios blog y acepta las condiciones de facebook.

Tal como se muestra en la siguiente imagen (clic para agrandar)
Luego copias la captcha y aceptas.
NO modifiquen nada solo tenemos que crear la pagina.

Quinto
Ahora buscamos </head> y justo arriba pegamos el siguiente código:

<meta property='fb:admins' content='Tu id de tu perfil facebook'/>
<meta property='fb:app_id' content='tu id de aplicaon facebook'/>

Si no sabes cual es tu id de perfil facebook puedes verlo de esta manera:
Entras a cualquier foto que tu colgaste, vemos la url y todos los números después del ultimo punto es tu id. como en la siguiente imagen (la parte que esta seleccionada es tu id facebook.



el id app lo sacamos de la aplicación que creamos.

Pueden ver un ejemplo en mi otro blog http://elpuenteaxel.blogspot.com/

7 comentarios:

Leonardo Casales dijo...

Todo casi perfecto, en el link para crear la app no funciona por que en el face pongo mi cel y no me envia mi codigo de confirmación para crear la app y no puedo obtener el id

Axel dijo...

Modifica tus opciones del facebook y crea tu aplicación sin código de confirmación amigo, crear una aplicación ahora es muy fácil :D espero te ayude

Leonardo Casales dijo...

resolví el problema de la aplicación, todo funciona salvo que no me llega ninguna notificación de comentarios en mi perfil. Mi blog donde lo usé es www.smartnet.com.ar

Felix Apaza dijo...

igual que el anterior, como confirmo mi cuenta sin el codigo de confirmacion, no me llega al celular, y no se que opciones de facebook te refieres exactamente, te agtradeceria si me puedes ayudar


buen articulo, justo lo buscaba

Axel dijo...

Hey amigo ese era otro problema !! dime que es lo que pasa yo voy a ayudarte !! .. para que puedas ver los comentarios que dejan de tu blog tienes que entrar a esta pagina http://developers.facebook.com/tools/comments seleccionas la aplicación que creaste y listo

Enrique dijo...
Este comentario ha sido eliminado por el autor.
Axel dijo...

Enrique .. en el editor html expandes artilugios y buscas <div class='post-footer-line post-footer-line-2 debajo colocas el código del fb comments.. Gracias por el saludo :D

Publicar un comentario