mercoledì 22 aprile 2015

Come installare il nuovo Page Plugin di Facebook su Blogger




Come sapete, Facebook ha da poco ritirato il Like Box dal sito Developers dei Plugin sociali.
Ebbene si cari lettori, il vecchio plugin Like Box andrà in pensione dal prossimo Giugno 2015.
Intanto per quelli che utilizzano ancora il Like Box, Facebook invita quanto prima alla sostituzione del vecchio Plugin a quello nuovo.
Il nuovo Page Plugin è già disponibile nell'area Developers è funziona allo stesso modo come il vecchio Like Box.
Facebook ha anche migliorato il nuovo Page Plugin in maniera molto più pulita, in grado di inserire rispetto al vecchio Like Box i contenuti Feed/RSS.

Installare Page Plugin su Blogger
  • Il nuovo codice lo potete trovare a questo LINK.
  • Inserite l'indirizzo della vostra Pagina sotto il Facebook Page URL.
  • Se volete potete modificare le dimensioni in larghezza Width e l'altezza Height.
  • Show Friend's Faces serve per lasciare o togliere le facce dei fan.
  • Hide Cover Photo serve per lasciare o togliere la copertina della pagina.
  • Show Page Posts serve per lasciare o togliere i post della pagina.
  • Dopo le dovute selezioni cliccate sul pulsante in blu Get Code, per copiare il primo e poi il secondo codice.
  • Adesso andiamo su Blogger, LayoutAggiungi un gadget/HTML/JavaScript e incollare i codici salvando le modifiche.
Codice Base
  • Nelle zone evidenziate inserite l'indirizzo e Titolo riferito alla propria pagina Facebook.
<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/it_IT/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/facebook" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="Tuo indirizzo pagina qui"><a href="Tuo indirizzo pagina qui">Titolo pagina</a></blockquote></div></div>

Codice Width/Height
  • Se preferite cambiare le proporzioni del Page Plugin, basta modificare i valori numerici di larghezza e altezza.
  • Nelle zone evidenziate inserite l'indirizzo e Titolo riferito alla propria pagina Facebook.
<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/it_IT/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/tenoreinformatico79" data-width="300" data-height="200" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="Tuo indirizzo pagina qui"><a href="Tuo indirizzo pagina qui">Titolo pagina</a></blockquote></div></div>

Nessun commento:

Posta un commento