Come personalizzare colori e sfondo del widget dei Lettori Fissi di Blogger.

Come personalizzare i colori e lo sfondo del gadget dei Lettori di Fissi di Blogger dalla finestra di configurazione o dal modello.

Il widget dei Lettori Fissi, ex Google Friend Connect, ha sempre provocato grossi mal di testa agli amministratori dei blog su Blogger. L'idea di Google era quella di creare un sistema universale per l'interazione tra autori e lettori dei vari siti. Il tentativo però è presto abortito e tale widget che prima era ecumenico dal 2012 (mi pare questo l'anno) è stato limitato ai soli siti di Blogger.

Nonostante tutto però il widget ha ricevuto degli aggiornamenti. L'ultimo qualche settimana fa che ha modificato i bottoni per seguire il blog e per eventualmente smettere di farlo. Da qualche mese è stata anche disabilitata l'opzione per iscriversi mediante le credenziali di Twitter e questo ha portato a una sensibile diminuzione del numero dei follower.

Mi è stata posta la domanda su come modificare i colori del gadget dei Lettori Fissi. In realtà questa personalizzazione sembrerebbe piuttosto semplice però come sappiamo bene i problemi risiedono nei dettagli. Se si clicca sulla icona del cacciavite e della chiave inglese si aprirà la finestra di configurazione. Si può anche andare su Layout -> Modifica nell'Elemento Pagina del widget.

Di default c'è la spunta su Utilizza gli stili predefiniti dei modelli. Con questa opzione saranno ereditati i colori di sfondi e link del modello. Se questi colori non ci soddisfano occorre togliere la flag. Si visualizzeranno i colori attualmente in uso.

Cliccando su ciascuno di essi si aprirà la tavolozza in cui selezionare il nuovo colore oppure si potrà direttamente digitare il codice del colore nel campo di destra. Gli elementi che possono essere personalizzati sono Testi, Link e Intestazioni. Si va su Salva per rendere le modifiche effettive.

CASI PARTICOLARI DEI LETTORI FISSI

Potrebbe presentarsi il caso che il widget non sia modificabile. Andando cioè su Layout -> Modifica potrebbe visualizzarsi una finestra che mostra l'impossibilità di farlo

Altro problema è che come potete vedere nel secondo screenshot non c'è l'elemento del colore dello sfondo. Questo potrebbe provocare dei problemi ai siti con sfondo scuro. Si potrebbe risolvere rendendo chiari tutti gli altri colori ma se non fosse possibile vediamo come risolvere.

Si va su Modello -> Modifica HTML quindi si cerca la sezione <b:skin>.  Si clicca sulla freccetta nera posta a sinistra per visualizzare tutto il codice al suo interno. Si cerca quindi la riga finale della sezione che è indicata dalla riga ]]></b:skin>. Subito sopra a questa si incolla questo codice

#followers-iframe-container {background:#000 !important;}

dove per semplicità ho inserito il codice del colore del nero (#000). Il widget muta di aspetto così



in cui siamo passati da uno sfondo chiaro a uno scuro. Naturalmente si può fare anche l'inverso.