(https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Blogger-logo.jpg/800px-Blogger-logo.jpg)
En esta mini guía les voy a mostrar como colocar la caja de comentarios de Facebook en los blogs de Blogger.
Paso 1: Entrar en la edición HTML de la plantilla
Paso 2: Buscar la siguiente linea:
<body>
En caso de que usen las plantillas que vienen por default, deben buscar esta otra linea:
<body expr:class='"loading" + data:blog.mobileClass'>
Y justo debajo de esta linea colocan el siguiente código:
<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>
Paso 3: Ahora buscamos la siguiente linea:
<b:includable id='post' var='post'>
Y antes de que finalice la etiqueta </b:includable> colocamos el siguiente código
<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>
Esto es todo!
(https://lh3.googleusercontent.com/-Wr2qqUyrT4A/VYcJZyDaGtI/AAAAAAAADzE/uZAsNsQNrpI/s1350/Screenshot.png)
Espero que les sirva!
Saludos!
ANTRAX