Poner Comentarios de facebook en las entradas de blogger

Comentario Facebook

Para poner comentarios de facebook en las entradas de blogger y un cuadro me gusta con fotos sigue los sigueintes pasos
Como sabrán hay muchos blogs que usan comentarios de facebook para facilitar la interactividad en blogger o cualquier otro blog, a continuación vamos a poner este sistema de comentario en nuestro blog:

Sistema de comentarios de facebook en  blogger

1. Ingresar a tu panel de blogger y clic en Plantilla.
2. Clic en editar HTML.
3. Presionar CTRL + F y buscar la siguiente etiqueta </body> y antes de esta estiqueta copiar y pegar el siguiente código (ojo este código es totalmente necesario para poner los gadgets, lo llamaremos código principal):

<div id="fb-root"></div>
<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 = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

1. Luego clic en Diseño
2. Clic en añadir un gadget
3. En el cuadro que aparece pegar el siguiente código

<div class="fb-like" data-href="http://www.facebook.com/pages/tupaginadefacebook" data-send="true" data-width="500" data-show-faces="true"></div>

<div class="fb-comments" data-href="http://www.parablogger.info/2013/04/poner-comentarios-de-facebook-en-blogger.html" data-width="500" data-num-posts="10"></div>

Te recomiendo poner la url de tu facebook en reemplazo de http://www.facebook.com/pages/tupaginadefacebook para que cuando le den me gusta aumente los like's de tu pagina facebook.
Debes reemplazar la url  http://www.parablogger.info/2013/04/poner-comentarios-de-facebook-en-blogger.html por la url de tu post o entrada donde va ir este gadget de comentarios facebook.
Si cambias el valor de "500"  también debes cambiar "500" ambos deben tener el mismo valor, estos valores cambian el tamaño del cuadro de comentarios.

IMPORTANTE: este código debes poner debajo de las entrada de blogger, para ello después de escribir el post o entrada dale un clic en el botón HTML y al final pegas este código, la url o enlace de tu post lo tienes al lado derecho de tu pantalla en la opción enlaces, y mas abajo debes darle clic en opciones y seleccionar en la opción de comentarios no permitir, esto para no tener doble opción de comentarios.

Fuente: seguridad ante los más pequeños (piscinas)