lunes, 7 de octubre de 2013
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
Código:
<!-- 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 -->
<div class='post-footer'>
nos deben salir dos coincidencias, solo interesa la primera y justo encima pegamos esto
Código:
<!-- 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 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
