Tutorial: Cómo agregar comentarios de Facebook en Blogger

  • Autor Autor linuxer
  • Fecha de inicio Fecha de inicio
ummm no me funciona, lo probado de mil maneras y nada, me rindo
 
Tuve que poner el código en otra ubicación distinta a la que nos indicas pero igual quedo funcionando a la perfección. Muchas gracias amigo. :encouragement:
 
Monstruo dijo:
Tuve que poner el código en otra ubicación distinta a la que nos indicas pero igual quedo funcionando a la perfección. Muchas gracias amigo. :encouragement:
Hacer clic para expandir...

En donde lo pusiste Amigo? Llego días intentado insertarlo en mis blogs y no encuentro solución alguna 😕
 
Dinatale1997 dijo:
En donde lo pusiste Amigo? Llego días intentado insertarlo en mis blogs y no encuentro solución alguna 😕
Hacer clic para expandir...

Hola Dinatale1997,
En mi caso por tener también en la plantilla el código de linkwithin y el like button tuve que poner el código de comentarios de facebook justo arriba de la linea 3 del post footer: <div class='post-footer-line post-footer-line-3'>
Saludos
 
no dejes de hacer estos tutos tan buenos nene
linuxer dijo:
He decidido poner comentarios de Facebook en mis blogger por dos motivos
1)Cuando alguien comenta aparece en su muro
2)Los visitantes suelen estar ya con el login hecho

He terminado haciéndome un pequeño código javascript para la API de Facebook para que se muestre el correspondiente a cada post, lo comparto aquí

En Plantilla -> Editar Html , y marcamos "Expandir plantilla de artilugios"

Luego dentro del <body>, justo debajo copiamos esto

Insertar CODE, HTML o PHP: 
<!-- FACEBOOK SDK EMPIEZA -->
<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_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- FACEBOOK SDK ACABA -->

Luego buscamos la línea
<div class='post-footer'>

nos deben salir dos coincidencias, solo interesa la primera y justo encima pegamos esto

Insertar CODE, HTML o PHP: 
<!-- FACEBOOK COMENTARIOS EMPIEZA -->
<b:if cond='data:blog.pageType == "item"'>
<div id='currentUrll' style='display:none'><data:post.url/></div>
<br/><br/>
<script>
var urll=document.getElementById("currentUrll").innerHTML;
document.write("<div class='fb-comments' data-colorscheme='dark' data-href='"+urll+"' data-num-posts='5' data-width='640'/>");
</script>
</b:if>
<!-- FACEBOOK COMENTARIOS ACABA -->

si nuestro blog es blanco quitamos lo que dice: data-colorscheme='dark'

si queremos mostrar mas o menos de cinco cambiamos el número de: data-num-posts='5'

dependiendo del ancho del blog cambiamos: data-width='640'

yo siempre que añado código a la plantilla suelo separarlo varias líneas vacías antes y después para encontrarlo fácilmente

y hecho, si os funciona :encouragement:
Hacer clic para expandir...
 
muy Bueno, Gracias
 
Este otro script lo he tratado de instalar y me da este error, tambien intente con Disqus y me da el mismo error al agregar el codigo de comentario

Blogger: El top 5 - | Awesome Screenshot

---------- Post agregado el 06-abr-2014 hora: 14:37 ----------

Codigo funcionando, tuve que vambiar el theme.

saludos!
 
amigo tengo muchos body y no se cual de todos es no soy experto en diseño, ninguno esta cerrado asi <body>
 
Me será útil para un proyecto nuevo que tengo en Blogger ¡Gracias! :applause:
 
amigo este es mi blog de noticias y mas, coloque eso y nada ninguno me agarro Tu web 24
 
Lo acabo de instalar y funcionó perfecto. Con la única diferencia que el segundo código tuve que pegarlo antes del segundo <div class='post-footer'> y no del primero.

Les dejo ese dato por si a alguien le sirve.
 
gracias, me sirve bastante
 
Amigo me podrias ayudar ? A mi no me aparece D:
 
Buen aporte, desde ya muchas gracias!!
 
Buen aporte, lo mismo pasaría con twitter?
 
Funciona muy bien gracias amigo
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

AndroidZone
Cómo agregar comentarios a páginas en Wordpress
Respuestas
4
Visitas
202
AndroidZone
AndroidZone
CryptoValdo
¿Cómo agregar comentarios a las publicaciones de Instagram?
Respuestas
2
Visitas
152
Moneyvip
Moneyvip
B
Agregar comentarios de Facebook en WooCommerce
Respuestas
1
Visitas
126
Carlos Arreola
C
M
Cómo agregar comentarios de Facebook con Jetpack
Respuestas
9
Visitas
434
metrix
M
Shark10
Tutorial: Cómo agregar página de Facebook en gadget de Blogger
Respuestas
10
Visitas
2K
Manopla
M
Atrás
Arriba