Social visite 262

Come personalizzare il like box di Facebook

1 min

Personalizzare Like Box Facebook

Pochi lo sanno, ma è possibile personalizzare il like box di Facebook. Oltre alle impostazioni classiche che è impossibile assegnare attraverso la pagina del social plugin vi propongo di fare qualcosa in più. Oggi vediamo come sia possibile assegnare un’immagine di sfondo al box. Di seguito l’esempio.

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

Come realizzare l’immagine

Dopo aver scelto la dimensione dell’iframe visualizziamo la pagina con l’iframe realizzato in un browser e premiamo Stamp sulla tastiera. Questo tasto permette di salvare tutto quello che appare sul vostro schermo.

Creiamo ora un file con un programma di grafica con le dimensioni che abbiamo assegnato al like box ed incolliamo l’immagine che abbiamo stampato e posizioniamola in modo che il box coincida perfettamente con le dimensioni del vostro file (senza ridimensionarlo). In tal modo potremo vedere dove applicare le nostre immagini facendole interagire con i contenuti del like box (ad es. abbiamo fatto sì che il logo di robadagrafici uscisse dalla linea, quindi come se fosse posizionato dietro) o facendo in modo che non copra i contenuti di Facebook. Esportiamo la nostra immagine, ovviamente dopo aver cancellato l’immagine stampata dell’iframe.

Ora andiamo a modificare il codice del like box aggiungendo la proprietà background-image. Vediamo dove, analizzando il codice.

<iframe ... style="border:none; overflow:hidden; width:575px; height:338px;
background-image:url(IL PERCORSO DELLA TUA IMMAGINE)" allowTransparency="true">
</iframe>

Niente di più semplice.

Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo. Condividi l'articolo


Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

coronavirus scheda attivita chiusa
social

Social

Coronavirus: Google chiude schede attività. Come evitarlo

1 minIl Coronavirus (COVID-19) imperversa sempre di più in questi giorni e pare…

social

Social

Instagram crea i profili web personali

1 min Ricordate Instagram?! Vi avevo parlato tempo fa di questo social network…

social

Social

Come sapere se la vostra pagina di facebook è virale

1 min Si parla ormai da tempo di comunicazione virale, sembra ormai che…