Come inserire il pulsante Send (Invia) in un blog su Blogger senza il Mi Piace.

Ho appena illustrato come installare il bottone Invia nel modello di Blogger per poterlo visualizzare in tutti i post in modo da dare la possibilità ai lettori di condividere l'articolo con singoli amici o con un gruppo. Si può inserire nel blog il pulsante Invia anche a prescindere dal Mi Piace per poterlo collocare per esempio in una diversa posizione.

Si deve creare l'applicazione di Facebook per il blog e ottenerne l'ID come illustrato nel post sul Like + Send. Nel momento in cui scrivo questo post non è ancora possibile utilizzare la lingua italiana. Quindi per adesso il bottone sarà visualizzato come Send. L'esperienza dell'anno scorso con il passaggio dal Like al Mi Piace mi fa ritenere che ci vorranno solo pochi giorni per avere anche la versione dello script localizzata in italiano perfettamente funzionante. Sarà mia cura aggiornare il post quando questo accadrà.

Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Dopo aver messo la flag a espandi modelli widget, si cerca la riga </body>. Subito sopra si incolla il codice 

<!-- FACEBOOK XFBML INIZIO -->
<div id='fb-root'/>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: &#39;187764627936739&#39;, status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement(&#39;script&#39;); e.async = true;
    e.src = document.location.protocol +
      &#39;//connect.facebook.net/it_IT/all.js&#39;;
    document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
</script>
<!-- FACEBOOK XFBML FINE -->

Dove al posto del numero evidenziato di rosso si mette l'ID della nostra applicazione. La lingua en_US dovrà essere sostituita da it_IT solo quando lo script sarà funzionante anche in italiano. Per l'installazione del pulsante si possono scegliere la posizione che più ci piace. Se si sceglie la parte finale del post, bisogna cercare la riga

 <data:post.body/>  oppure il blocco

<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

e incollare il codice del bottone subito sotto. Alternativamente si può incollare subito sopra a

<div class='post-footer'>

Il codice del pulsante Invia o Send è

<!--FACEBOOK INVIA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/it_IT/all.js#xfbml=1'/><fb:send expr:src='data:post.url'/>
</b:if>
<!--FACEBOOK INVIA FINE - http://www.ideepercomputeredinternet.com -->

dove per en_US vale il discorso fatto in precedenza. Si salva il modello. Quando un visitatore cliccherà sul pulsante, vedrà aprirsi una finestra

Saranno visualizzati i suggerimenti sugli amici a cui inviare l'articolo non appena si inizia a digitarne il nome. Nel secondo campo si inserisce il messaggio quindi si clicca su Send. Quando sarà disponibile la lingua italiana sarà sostituito da Invia. Dopo averci cliccato sopra, ci sarà anche la notifica che la spedizione del post con il messaggio è andata a buon fine

Aggiornamento: Adesso è possibile sfruttare pienamente la lingua italiana. Alla stringa en_US sarà sostituita it_IT e i pulsanti della finestra popup appariranno in italiano

Si vedrà cioè Invia al posto di Send. Update effettuato come da promessa fatta nella prima pubblicazione dell'articolo.