Come inserire il Like Box di Facebook su Blogger.

Come installare il Like Box di una pagina fan di Facebook su un sito della piattaforma Blogger.

Su Facebook, dopo aver introdotto i plugin per gli sviluppatori, alcune procedure di inserimento dei widget sono mutate. Oltre al nuovissimo iFrame "Mi Piace", la novità più importante riguarda le pagine fan. Ricordo alcuni post che ho dedicato all'argomento e che sono da aggiornare in alcuni punti

   Come creare un gruppo o una pagina fan -

   Come creare le pagine sociali su Facebook -

   Promuovere il blog con Networkedblogs -

   Come importare i feed del blog nella pagina fan -

   Come importare i commenti del blog nella pagina fan con Twitterfeed -

Adesso non è più possibile inserire il badge accedendo alla nostra pagina fan e cliccando su "Aggiungi riquadro dei fan al tuo sito" in quanto il link non è più presente. 

E' stato infatti creato un nuovo widget, denominato Like Box, che è sostanzialmente identico al precedente ma che ha una diversa procedura di installazione.

Bisogna accedere alla nostra pagina fan e acquisirne l'ID, cioè il numero che la contraddistingue in modo univoco. Si trova nella barra del browser

L'ID della pagina fan di Idee per Computer ed Internet è 207337935513. Adesso andate alla pagina del plugin Like Box e inserite tale ID nella prima riga. Dopo aver cliccato in un punto qualsiasi della pagina si vedrà l'anteprima del widget

Si possono fare alcune importanti personalizzazioni

1. Indicare la larghezza in pixel del widget da calcolare a seconda delle dimensioni della sidebar del blog
2. Digitare il numero delle foto dei sottoscrittori che si vogliono visualizzare
3. Mostrare lo stream della pagina. Cioè far vedere gli ultimi contributi che sono apparsi nella bacheca
4. Mostrare l'header della pagina. In questo caso apparirà la scritta Ritrovaci su Facebook 
5. Per attivare il punto 4) e 5) occorre mettere il segno di spunta nell'apposito quadratino

Tutte le volte che faremo una modifica ne vedremo l'anteprima sulla destra. Se volete avere un'idea del gadget nella sua interezza lo potete vedere nel blog che uso per le demo in alto a destra. E' presente anche un cursore per scorrere tutto lo streaming

Quando siete soddisfatti dell'aspetto del widget dovete cliccare su Get Code, selezionate e copiate il codice dal popup che si aprirà

E' più semplice copiare l'iFrame in quanto la seconda opzione presuppone una ulteriore modifica del codice del sito. Se avete Blogger non vi resta che andare su Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollare il codice che successivamente va posizionato con il mouse. Occorre cliccare su Salva ed è fatto.

Coloro che avranno scelto una opzione minimalista, cioè senza header e senza stream, si troveranno di fronte a un piccolo problema estetico. Non si riusciranno cioè a vedere i nomi della seconda riga delle miniature perché l'altezza del widget è insufficiente.

Di default l'altezza, in questo caso, è stabilita in 255 pixel come si evince dal codice acquisito

Per mostrare in modo corretto anche questi nomi è sufficiente sostituire 260 a 255 in entrambe le occorrenze. Concludo osservando che il widget non è di proprietà dell'amministratore della pagina fan. Volendo quindi si può inserire nel nostro sito il Like Box di una qualsiasi pagina fan, basta acquisirne l'ID attraverso l'indirizzo del browser.