¿Cómo poner la caja de comentarios de Facebook en lugar de la que trae blogger?

  • Autor Autor Jhonp90
  • Fecha de inicio Fecha de inicio
Jhonp90

Jhonp90

Curioso
Social Media
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
¿Alguien conoce cómo hacerlo o un tutorial? es que yo busque pero solo encontré post de hace años, y ahora facebook es muy diferente.

Que tengan una feliz tarde 🙂
 
Buenas, yo lo tengo así.

En uno de los style agrega:
PHP:
#comentariosFacebook {
/* background:#F2F2F2;  Color de fondo del contenedor */
width:100%; /* Ancho del contenedor */
padding:10px;
margin-top:0px; /* Cámbialo por -180px si lo has puesto debajo de los comentarios de Blogger */
}

Coloca esta etiqueta después de <body>:
PHP:
<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, 'script', 'facebook-jssdk'));</script>

Y esta en lugar (o arriba o abajo) de los comentarios de Blogger:
PHP:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='15' data-width='100%' expr:href='data:post.canonicalUrl'/></div>
</b:if>

data-num-posts='15' se refiere a la cantidad de comentarios que quieres que se muestre.
data-width='100%' se refiere al ancho de la caja de comentarios.
data-colorscheme='light' se refiere a si la quieres con estilo blanco. Si tu sitio es con gama negra u oscura, cámbialo a 'dark'.
 
Última edición:
Mira, Este me funciono ami, Lo acabo de probar en un blog que tengo por ahi, Agregar la caja de comentarios de Facebook en Blogger | Ciudad Blogger - Trucos y tutoriales para tu blog
b34276a4fdd77c6fae27f335f437ee62.png

Antes de poner los codigos que dice
9425ee225d65f0cd4b673752531f7767.png

Despues de ponerlo, Solo sigue lo pasos y ya, Si se te complica como hacerlo enviame un mp 🙂
Saludos espero haberte ayudado 😀
 
Hola, muchas gracias por responder, te envié un mp. 🙂
 
Atrás
Arriba