→ Agregar la caja de comentarios de Facebook en Blogger ⊛ → Freddy SEO

→ Agregar la caja de comentarios de Facebook en Blogger

Uno de los temas más solicitados es cómo poner la caja de comentarios de Facebook en el blog, y es que a veces se vuelve más fácil comentar desde Facebook pues la mayoría está conectado a esa red social todo el tiempo, además no necesitamos ingresar con nuestros datos de Google para poder comentar en un blog que contenga este tipo de comentarios.

Este método lo vi en Vagabundia, donde explican cómo agregar el Plugin de comentarios de Facebook de manera que cada entrada tenga su propia caja de comentarios y sea independiente a las demás.
Como primer paso entra en la Edición HTML del blog y 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='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:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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).


La caja estará arriba de los comentarios de Blogger. Si quieres que esté debajo del formulario de comentarios entonces el código del plugin ponlo justo arriba de este código.


 https://www.youtube.com/channel/UCH5UiY47vhnOVRcQGUHs9qw?view_as=subscriber