Tutorial: Cómo agregar comentarios de Facebook en Blogger

networkerdustin

networkerdustin

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 Sep 2013
Mensajes
50
ummm no me funciona, lo probado de mil maneras y nada, me rindo
 
Monstruo

Monstruo

Beta
Verificación en dos pasos desactivada
Desde
20 Oct 2013
Mensajes
131
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:
 
Dinatale1997

Dinatale1997

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
29 Nov 2013
Mensajes
182
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 :confused:
 
Monstruo

Monstruo

Beta
Verificación en dos pasos desactivada
Desde
20 Oct 2013
Mensajes
131
Dinatale1997 dijo:
En donde lo pusiste Amigo? Llego días intentado insertarlo en mis blogs y no encuentro solución alguna :confused:
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
 
BetaColombia

BetaColombia

Beta
SEO
Verificación en dos pasos desactivada
Desde
4 Ene 2014
Mensajes
39
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...
 
webbber

webbber

Préstamo
Xi
Redactor
Verificación en dos pasos desactivada
Desde
5 Jul 2010
Mensajes
4.478
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!
 
Johan Sibulo

Johan Sibulo

Zeta
Verificación en dos pasos activada
Desde
9 Abr 2014
Mensajes
1.694
amigo tengo muchos body y no se cual de todos es no soy experto en diseño, ninguno esta cerrado asi <body>
 
Don Gato

Don Gato

Eta
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
23 Oct 2012
Mensajes
1.259
Me será útil para un proyecto nuevo que tengo en Blogger ¡Gracias! :applause:
 
edsalag

edsalag

Delta
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
23 Mar 2014
Mensajes
719
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.
 
I

IkkiFenix

Alfa
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
5 Nov 2013
Mensajes
23
Buen aporte, desde ya muchas gracias!!
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!
Registro

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba