Bueno para empezar agregaremos un gadget para eso iremos a – Diseño- luego a Añadir un gadget- seleccionamos HTML/Javascript:
Y agregamos el siguiente código:
<div id="fb-root"></div>Luego vamos a Plantillas – y Editar HTML ahí buscamos la siguiente line: Ctrl + f para buscar
<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_LA/sdk.js#xfbml=1&appId=228218163994579&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<b:includable id='post' var='post'>Una vez ahí mira todo Y justo antes del siguiente </b:includable> agrega esto:
<b:if cond='data:blog.pageType == "item"'>
<div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/></div>
</b:if>
Así se ve el área donde se agrega el código (la parte que está arriba del área marcada en rojo puede variar de plantilla en plantilla)
Con eso ya tendrás la caja de comentarios de Facebook en tus entradas (recuerda que debes ingresar a un post para poder verla).
Y el comentario se agregara solo a la entrada donde comenten los usuarios
El Ejemplo lo puedes ver en esta misma web