Siguenos en facebook Sigueme en twitter Suscribete al Feed RSS

Comentarios de facebook a blogger con notificacion

diciembre 28, 2011

Facebook + Blogger Como muchos recuerdan hace un tiempo publique un tutorial para poner la caja de comentarios de facebook en blogger pero tenia el problema de que no notificaba quien comentaba bueno me gustaria resolver ese problema ahora espero puedan realizar este tutorial ya que es muy facil.

Ahora sí, como primer paso entra en la Edición HTML del blog y marca la casilla Expandir plantillas de artilugios, luego busca la etiqueta:
<body>
Si usas una plantilla del Diseñador entonces la encontrarás como:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Debajo de cualquiera de ellas agrega esto:


<div id='fb-root'/>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = &quot;//connect.facebook.net/es_LA/all.js#xfbml=1&quot;;

fjs.parentNode.insertBefore(js, fjs);


}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
Después busca esta línea:

<b:includable id='comments' var='post'>

Justo debajo de ella agrega este código:

<div id='comentariosFacebook'>

<div class='fb-comments' data-num-posts='5' data-width='500' data-colorscheme='light' expr:href='data:post.url'/>

</div>
Con eso ya tendrás la caja de comentarios de Facebook en tus entradas (recuerda que debes ingresar a un post para poder verla).
La caja estará arriba de los comentarios de Blogger. Si quieres que esté debajo del formulario de comentarios entonces el código anterior ponlo justo arriba de este código:
</b:includable>


<b:includable id='backlinkDeleteIcon' var='backlink'>
Dentro del código que añadimos veremos estos parámetros:

data-num-posts='5'

data-width='500'

data-colorscheme='light'
El primero es el número de comentarios que se mostrarán; el segundo el ancho del formulario; y el tercero el color del formulario, puedes cambiar light por dark




Hasta ahí ya tenemos el CommentBox de Facebook; si deseas personalizarlo un poco puedes colocar antes de ]]></b:skin> algunos estilos, por ejemplo:

#comentariosFacebook {

background:#F2F2F2; /* Color de fondo del contenedor */

width:520px; /* Ancho del contenedor */


padding:10px;

margin-top:0px; /* Cámbialo por -180px si lo has puesto debajo de los comentarios de Blogger */

}


Si quieres que cada vez que alguien haga un comentario te llegue una notificación de Facebook, y puedas moderar los comentarios, será necesario que crees una aplicación. Pero para ello es necesario tener verificada la cuenta de Facebook.


Si es así, entra a Facebook Developers y haz click en el botón Crear nueva aplicación.






Ahí escribe el nombre de la aplicación, acepta los términos y click en Continuar.





En la siguiente pantalla haz click en Sitio web, ahí escribe la URL de tu blog donde lo pondrás; también copia el número que está en App ID.





Ahora entra de nuevo en la Edición HTML de tu blog y pega antes de </head> esto:


<meta content='ID de USUARIO' property='fb:admins'/>

<meta content='ID de APLICACIÓN' property='fb:app_id'/>
En la ID de aplicación agrega la serie de números que copiaste. Y en ID de usuario agrega tu ID de Facebook, sino lo conoces haz click en alguna foto de tu perfil, y en la barra de direcciones verás unos números, los primeros son tu ID de usuario y son los que necesitas.




Una vez hecho eso ingresa a una entrada para ver tu caja de comentarios y dale click en Configuración. Ahí verás varias opciones del plugin; en donde dice Moderadores, agrega tu nombre y guarda los cambios.






Una vez habiendo hecho todo lo anterior podrás moderar los comentarios y recibirás las notificaciones en tu cuenta de Facebook cada vez que alguien haga un comentario. Sino lo haces podrás seguir teniendo tu caja de comentarios de Facebook pero sin estas opciones.


Al final de la entrada he puesto una para que puedas probar el resultado, pero cualquier duda sobre el tema déjala en los comentarios de Blogger ;)

NOTA:  Si quieres que solo te salgan los comentarios de facebook y no los de blogger debes ir a 
Configuracion>Comentarios>Ocultar
Arriba en la primera pestaña te salen dos opciones mostrar y ocultar solo escoje ocultar.

 

Si esto te intereso dale a me gusta porfavor ayudanos!