Come installare il Like Box di Facebook nei blog con sfondo scuro per visualizzarne meglio il testo.

Se avete un blog con sfondo scuro avete certamente trovato difficoltà nella visualizzazione del bottone Mi Piace nel vostro blog situato in qualsiasi piattaforma. Per fortuna è stato lo stesso Facebook che ha inserito una opzione nella generazione del codice per ovviare all'inconveniente. A coloro che non sanno di cosa parlo consiglio di leggersi gli articoli

• Come inserire il pulsante Mi Piace nei blog su Blogger -
• Come visualizzare il bottone Mi Piace nei blog con sfondo scuro -

Il trucco, se così si può chiamare, è quello di sostituire il codice colorscheme=light con colorscheme=dark e il testo sarà così visualizzato in un colore chiaro con molto più contrasto. Ecco un esempio

Come potete vedere il testo è di colore bianco. Dopo la pubblicazione di quell'articolo mi fu chiesto se fosse possibile fare una cosa analoga anche per il Like Box, ovvero per il riquadro di coloro che hanno cliccato sul Mi Piace della pagina fan del nostro blog. Adesso sono finalmente in grado di indicare come risolvere anche questo problema estetico.

Per l'acquisizione del codice del riquadro dei fan seguite le indicazioni del post

• Come installare il Like Box di Facebook -

ricordando che adesso, durante la configurazione, non occorre più inserire l'ID della pagina fan ma direttamente tutto l'URL. Acquisirete un codice che avrà una forma simile a questa

<iframe src="http://www.facebook.com/plugins/likebox.php?id=152996299138&amp;width=300&amp;connections=10&amp;stream=false&amp;header=false&amp;height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:255px;" allowtransparency="true"></iframe>

Come vedete non è presente il parametro colorscheme che serve per scegliere il background del blog. La furbata è quella di inserirlo da soli in un punto adeguato come mostrato qui sotto

<iframe src="http://www.facebook.com/plugins/likebox.php?id=152996299138&amp;width=300&amp;connections=10&amp;stream=false&amp;colorscheme=dark&amp;header=false&amp;height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:255px;" allowtransparency="true"></iframe>

Ho evidenziato di rosso la stringa che è stata aggiunta - colorscheme=dark&amp; -

Potete effettuare questa semplice modifica aprendo l'elemento pagina del vostro Like Box, aggiungere il codice e salvare il tutto. Ecco come si presenterà il riquadro fan dopo questa modifica

finalmente con il testo ben visibile. Se volete dare uno sguardo dal vivo andate sul blog Youtube Video.