REDAZIONE

Cari MyBlogger,

facciamo progredire il discorso sui social network con questo nuovo tutorial che segue idealmente quello relativo al tasto iLike di Facebook. In questo caso, vedremo come inserire nel nostro blog un box iLike che visualizza gli avatar degli utenti che su Facebook sono nostri follower (ovvero che hanno cliccato sul pulsante  iLike della nostra pagina).

La prima cosa da fare, per chi  lo avesse eventualmente  perso,  è andare a leggere il tutorial che parla di integrazione con le piattaforme social come strumento di promozione dei nostri blog (Promuovi il blog con la pagina fan di Facebook). Rispetto al post, è necessario sottolineare che, a seguito di una serie di cambiamenti che hanno interessato Facebook - tutti successivi alla data di pubblicazione del tutorial -la pagina fan è diventata adesso una pagina iLike. Qui non ci addentriamo nello specifico della questione. Di base, per gli utenti “normali” è cambiato poco.

Detto questo, diciamo subito che per  trarre vantaggio a questa lettura, è necessario che abbiate aperto una pagina iLike (ovviamente, per coerenza la pagina deve essere “dedicata” al vostro blog: MyBlog Café, ad esempio, è la pagina Facebook del blog della Redazione).

Vediamo di occuparci adesso dell’aspetto pratico.

Per prima cosa, eseguiamo il login su Facebook e raggiungiamo la nostra pagina iLike. Prendiamo dunque nota del codice numerico visualizzato nell’url (nella foto abbiamo evidenziato il codice della pagine MyBlog Café. Ogni pagina ha un codice diverso, per cui sta a voi prendere il vostro).

A questo punto, accediamo alla sezione plug-in e nello specifico alla sezione dedicata all’iLike box cliccando qui:

Procediamo alla compilazione del box.

Nella voce Facebook ID Page inseriamo il codice della pagina che abbiamo precedentemente annotato.

In Width inseriamo come valore 150 (se  il nostro blog ha una struttura a tre colonne) o 300 (se la struttura è a due colonne).

In Connections indichiamo in numero max di utenti visualizzati (possiamo lasciare 10 come  valore di default).

Decidiamo inoltre se abilitare o meno Show stream (preview dei post pubblicati sul wall Facebook) ed Header (per visualizzare o meno la scritta “Find us on Facebook”). Noi  le abbiamo disabilitate.

Clicchiamo sul pulsante  “get code”  e  copiamo il codice del box iframe. Clicchiamo su “done” e lasciamo Facebook per dirigerci sul nostro MyBlog.

Su MyBlog, dal pannello di gestione raggiungiamo “Presentazione> Contenuto delle barre laterali”, scorriamo la pagina fino in fondo e clicchiamo su Aggiungi html/Javascript code.

Nella finestra che si sarà aperta, copiamo il codice ottenuto da Facebook (box iFrame) , inseriamo un titolo (noi abbiamo inserito MyBlog Facebook Page), scegliamo di visualizzare il nome dell’ oggetto,  la centratura dell’elemento e salviamo.

Nel codice notate che abbiamo modificato l’altezza del box. Impostate per entrambi i valori “height” un minimo di 350pixel.

Se tutto è stato eseguito correttamente, troveremo il nuovo elemento nella relativa sezione (dalla medesima posizione, scorriamo la pagina verso l’alto). Aggiungiamolo alla nostra colonna.

Decidiamo in che ordine posizionarlo.

Bene. E’ stata lunga, ma  siamo arrivati alla fine del tutorial. Adesso tocca a voi! :D