Pubblicato il 21/09/10 - aggiornato il  | 7 commenti :

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

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

mi-piace-facebook

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

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

pagina-fan-sfondo-scuro

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





7 commenti :

  1. Ciao! grazie ai tuoi consigli sono riuscita ad inserire la data in tutti i post!
    Avrei un sacco di cose da chiederti e se mi dai l'ok e se mi dici dove scriverti (in modo da non fare OT nei tuoi post...) ti tartasserò un po'...
    Ora mi chiedevo altre 2 domande, se posso approfittare...:

    1) cè la possibilità di creare sul mio blog (http://tempodiagire.blogspot.com) una pagina di admin, con log visibile direttamente nella home, ma accessibile solo a me? chennessò tramite password o altro? perchè dentro ci vorrei mettere le statistiche che vorrei vedere solo io...

    2) quasi stessa cosa di sopra...voglio mettere un form (con nome e mail) x l'iscrizione x ricevere il mio ebook gratis... non è un problema x me creare un form in html però non so in che modo fare il collegamento x gestire i dati, anche perchè non ho ancora capito se l'xml ha le stesse funzionalità dell'asp o del php... mi dai qualche dritta?

    ti ringrazio di tutto, Luisa

    RispondiElimina
  2. @Luisa
    Tutto è possibile ma non ne capisco l'utilità. Con un click puoi accedere al tuo blog direttamente dalla barra di navigazione. SE la barra non ce l'hai la puoi sempre aggiungere seguendo questo post
    http://www.ideepercomputeredinternet.com/2009/08/come-rendere-visibile-la-barra-di.html
    Puoi gestire il tutto attraverso Google Friend Connect che permette di inviare newsletter ai lettori registrati in cui puoi inserire un collegamento per scaricare l'ebook.

    RispondiElimina
  3. Grazie mille Parsifal,
    la tua guida mi è stata per modificare la Like Box del mio Blog!

    A presto

    Mario

    RispondiElimina
  4. sei sempre preciso, ogni dubbio su questo sito c' è una risposta..........COMPLIMENTI SEI LA MIA SALVEZZA

    RispondiElimina
    Risposte
    1. @# Grazie, fa piacere ogni tanto sentirselo dire :)

      Elimina
  5. non capisco dove inserirlo in che parte del blog se come widget html o vado in modifica html delle impostazioni generali del blog

    RispondiElimina
    Risposte
    1. Su Layout -> Aggiungi un gadget -> HTML/Javascript però il post è di 6 anni fa quindi non posso garantire che funzioni ancora :)
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy