Come inserire e personalizzare il Plugin Mi Piace (Like Button) di Facebook.

Come personalizzare il mi piace di Facebook a seconda dei parametri immessi

L'inserimento del pulsante Mi Piace di Facebook nelle pagine del blog rappresenta una delle novità più importanti del blogging di questi ultimi mesi. Ha portato dei benefici in termini di arrivi da Facebook ma è anche presente il rischio che il "social network" cannibalizzi sempre di più il web a tutto svantaggio dei siti tradizionali. L'installazione del pulsante di Facebook l'ho già trattata in diversi articoli. Cercherò di riassumere con questo post tutte le possibili personalizzazioni che si possono effettuare nell'inserimento di questo bottone.

In base al layout e ai gusti personali c'è chi il bottone lo vuole chiaro e chi scuro, chi vuole mostrare anche gli avatar e chi no. Chi lo vuole in alto, chi in basso, chi a destra chi a sinistra. Si parte comunque sempre dal codice di base del Mi Piace di Facebook che non ho potuto inserire in Windows Live Writer perché mi fa visualizzare direttamente l'iFRame. L'ho comunque postato su Google Documenti e ne riporto lo screenshot

Questo codice, quando sarà installato, mostrerà il bottone classico con gli avatar in tutti i post ma non nelle pagine statiche e in homepage. Ecco una tabella di come viene visualizzato il plugin a seconda dei parametri inseriti

Aspetto	Query	Valore	Larghezza e Altezza
	Layout	standard	width 530px height 60px con gli avatar width 530px height 35px senza le facce
	Layout	button_count	width 90px height 20px
	Layout	box_count	width 62px height 65px
	colorscheme	dark	Indipendenti da questo parametro
	action	recommend	Indipendenti da questo parametro

Quindi per esempio se sostituiamo layout=standard con layout=button_count avremo un pulsante con l'aspetto della seconda riga. A parte il primo screenshot, che ho preso da questo blog, gli altri derivano dalla pagina del Like Button Plugin e sono in inglese. Ricordo però che il Like sarà visualizzato in italiano come Mi Piace e il Recommend come Consiglia.

Per l'installazione si va su Design > Modifica HTML > Espandi i modelli widget. Per inserire il bottone alla fine del post si cerca la riga


<div class='post-footer'>


e si incolla il codice subito sopra. Se si vuole mettere il Mi Piace all'inizio dell'articolo, si cerca la riga


<data:post.body/>


e si incolla il codice subito sopra. Se si vuole inserire sulla destra si sostituisce float:left; con


float:right;

Se si vuole mostrare il bottone anche nella homepage e nelle pagine di archivio occorre eliminare la seconda e la penultima riga che sono i tag condizionali colorati di rosso. Nel caso in cui si preferisse visualizzare il pulsante Mi Piace di Facebook anche nelle pagine statiche, occorre eliminare la terza e la terzultima riga che sono colorate di blu. Concludo ricordando che colorscheme=dark serve per i blog con sfondo scuro.