Como en la mayoría de las publicaciones, el procedimiento es muy sencillo, tan sólo hay que añadir dos códigos en la plantilla. Recomiendo también hacerle una copia de seguridad por si surge algún inconveniente.
Vamos a Plantillas, Editar HTML, pulsamos CTRL+F con el mouse dentro del cuadro que contiene el código de la plantilla y buscamos la línea
<body>. Debajo de ella pegamos este código:Ahora buscamos la línea<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_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<b:includable id='comment-form' var='post'> donde justo después veremos 3 puntos suspensivos. A estos puntitos los borramos y los cambiamos por este código:
<div class="fb-comments" data-href="URL" data-width="500" data-numposts="5" data-colorscheme="light"></div>
Estas últimas dos líneas las podremos modificar un poco:- URL: allí tendremos que colocar la dirección de nuestro blog, pero recuerda que deberá tener obligatoriamente el http:// delante
- 500: significa el número de píxeles de ancho del widget
- 5: es la cantidad de comentarios mostrados antes de que aparezca 'Leer más'
- light: se refiere al color de fondo. Para que se muestre oscuro cambia esta palabra por dark
Existe otro código que servirá para moderar los comentarios, función cuya utilidad es aprobarlos o no para que aparezcan, entre otras opciones. Al código lo tendremos que agregar después de
<head>:
<meta content='ID de FB' property='fb:admins'/>
Para obtener la ID de usuario de FB tendremos que ir al perfil de nuestra cuenta de Facebook y copiar la dirección URL que allí aparece:
Una vez hecho esto tendremos que pegar ese link en la parte roja del código mostrado anteriormente.