linkwidget

Related Posts Plugin for WordPress, Blogger...

giovedì 26 novembre 2015

Come implementare il box commenti di Facebook su Blogger



Per chi gestisce un blog, in particolare Blogger sarà capitato di vedere in alcuni commenti che è stato implementato il box di Facebook. Prendo la palla al balza, indicando in questo tutorial come procedere, nel caso anche tu volessi  avere i commenti del famoso social network su Blogger.

Il primo step sarebbe quello di andare alla pagina di Facebook Developers e crearla senza cercare di commettere errori. Per facilitare ho deciso di mettere il codice che dovrai copiare nel tuo blog. Vai su Modello poi Modello HTML, fai CTRL+ F e nel box che vedrai apparire incolla questo codice '
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Trovata la riga, appena sotto devi copiare e incollare tutto questo codice:

div id='fb-root'/>
<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 = &#39;//connect.facebook.net/it_IT/all.js#xfbml=1&#39;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>  


Ora devi cercare un altro codice, ma  fai attenzione perché nel modello ce ne sono più di uno. Quindi ogni volta guarda in anteprima se è stata effettuata la modifica.

<div class='post-footer'> 

Trovato questo rigo incolla quest'altro codice:
b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>
<div id='commentiFacebook'>
<div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='560' expr:data-href='data:post.canonicalUrl'/>
  </div></div>

</b:if> 


Infine, salva il modello e verifica sotto uno dei tuoi post se compare il box dei commenti di Facebook. In caso negativo devi cercare un altro <div class='post-footer'>  e incollarlo sopra questo. Cerca di seguire attentamente il tutorial e non dovresti avere problemi.

Nessun commento:

Posta un commento