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
Este es otro codigo para insertar este tipo de caja, si esta opción no te funciona puedes intentar desde este otro tutorial:
Como verán blogger cambio su formato de editor... este es un tutorial que también enseñara como agregar una caja de comentarios reemplazando la caja de blogger;
1.- Nos vamos a Plantilla > Editar HTML > Marcamos Plantilla de formato
2.- Buscamos la etiqueta <body> y justo después pegamos el siguiente código:
Código HTML:
<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>
3.- Ahora buscamos en nuestro código la linea en la que aparezca <div class='post-footer'> Puede que esta linea nos salga dos veces, si es así nos iremos a la segunda aparición y justo después introducimos el código:
Código HTML:
<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-href='"+urll+"' data-num-posts='8' data-width='500'/>"); </script> </b:if>
Imprimir artículo
En el primer tutorial me funciono. pero cuando puse el primer codigo despues del body y el segundo codigo buscando
ResponderEliminardiv class='post-footer'
y poniendolo en la segunda concidencia de busqueda