Agregar la caja de comentarios de Facebook en Blogger ~ Educación para el Trabajo

Como primer paso entra en la Editar HTML del blog y busca la etiqueta: (Control+F)

<body>

Si usas una plantilla del Diseñador entonces la encontrarás como:
<body expr:class='"loading" + data:blog.mobileClass'>

Y después de <body> PEGAR LO SiGUIENTE:

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

Después busca esta línea:

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

Si vieras una flechita ▶ al lado de ella da click para que se expanda ese artilugio. Y justo antes del siguiente </b:includable> agrega esto:

<center>
<b:if cond='data:blog.pageType == "item"'>
<div id='comentariosFacebook'>
<div class='fb-comments' data-colorscheme='light' data-num-posts='10' data-width='600' expr:href='data:post.url'/>
</div>
</b:if>
</center>

Dentro del último 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.