Pubblicato il 24/07/13e aggiornato il

Come installare il pulsante Segui su Facebook in Blogger.

Come configurare e installare il bottone Segui su Facebook su Blogger.
E' noto come Facebook sia sostanzialmente un social network simmetrico rispetto a Twitter e a Google Plus che invece simmetrici non lo sono. La relazione di amicizia è infatti reciproca mentre i follower e i following sono delle entità distinte così come le appartenenze alle Cerchie di G+ non sono reciproche. Facebook dopo la nascita di Google+ introdusse il concetto di Seguaci che esiste tuttora. Se andate nel vostro Profilo di Facebook potete verificare se avete attivato l'opzione per seguire i vostri aggiornamenti e quanti siano stati quelli che vi stanno seguendo con questa modalità.

Nella stessa pagina quando metterete la spunta a Attiva la possibilità di seguirti sarà visualizzato un codice di un iFrame da incollare nel sito web per permettere anche a chi non è amico di seguire su Facebook tutti i nostri post pubblici

pulsante-segui-facebook

Sarà visualizzata anche l'anteprima del pulsante che potrà anche essere personalizzato come vedremo. Per questo come per altri plugin di Facebook esistono anche altre versioni in HTML5 e in XFBML. Se nel vostro modello avete già lo script di Open Graph di Facebook vi conviene optare per HTML5 che è anche più facilmente personalizzabile. Accedete alla pagina del Follow Plugin di Facebook da loggati. Inserite l'URL del vostro Profilo nel primo campo del tool e cliccate per vedere l'Anteprima del plugin 

follow-button 

In Layout Style si può scegliere tra standard, button_count e box_count mentre si può mettere la spunta su Show Faces per mostrare gli avatar. In Color Scheme ci sono le opzioni light per blog a sfondo chiaro e dark per quelli a sfondo scuro. In font si può selezionare la famiglia di caratteri tra arial, trebuchet ms, verdana, lucida grande, tahoma e segoe ui mentre in width si imposta la larghezza. Finita la configurazione si va su Get Code. Come vedete si possono scegliere 4 opzioni: HTML5, XFBML, IFRAME e URL. In HTML5 e XFBML il codice è suddiviso in due parti. 

La prima parte, evidenziata di rosa nello screenshot, sarà già presente nel vostro modello e conterrà l'ID della applicazione che potrà anche essere modificato dal menù a discesa nel caso ne abbiate creata più di una. Solo la seconda parte del codice, evidenziata di giallo nello screenshot, dovrà essere incollata in un widget o nella zona del modello in cui volete che appaia. Una buona posizione potrebbe essere quella subito sopra alla riga

<div class='post-footer-line post-footer-line-1'>



Un pulsante del genere darà modo anche a chi non è vostro amico su Facebook e che neppure ha l'intenzione di diventarlo di seguire comunque i post pubblici che condividete nel vostro Profilo.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.