Recientes

Añadir caja de comentarios Facebook en Blogger


Hola amigos de Trucasos Blogger hoy les traigo un tutorial para poder poner la caja de comentarios de facebook en su blog y facilitarles la forma de comentar a sus visitantes.

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

En Plantilla -> Editar Html , y Ponemos la plantilla de Artilugios "Expandir Artilugios"

Luego en la etiqueta <body>, justo debajo copiamos esto:

&lt;!-- FACEBOOK TB EMPIEZA --&gt;
&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
&lt;script&gt;(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_ES/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
&lt;!-- FACEBOOK TB ACABA --&gt;

Luego buscamos la línea

<div class='post-footer'>

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

<!-- FACEBOOK COMENTARIOS EMPIEZA -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='currentUrll' style='display:none'><data:post.url/></div>
<br/><br/>
<script>
var urll=document.getElementById(&quot;currentUrll&quot;).innerHTML;
document.write(&quot;<div class='fb-comments' data-colorscheme='dark' data-href='&quot;+urll+&quot;' data-num-posts='5' data-width='640'/>&quot;);
</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'

y listo tenemos nuestra caja de comentarios de facebook en blogger espero les sea útil. ¿Dudas? deja un comentario Saludos

Relacionados

0 comentarios

No hay comentarios. ¡Sé el primero!

Recomendamos: