Social network visite 126

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

come apparire su Google gratis
social

Social network

Scheda attività commerciale su Google: come crearla

4 minLa presenza su internet è molto importante per le aziende, che si…

social

Social network

Come scaricare video da Facebook senza programmi

1 minIl metodo più conosciuto ed il più utilizzato dagli utenti per scaricare…

social

Social network

Social Network 2014: loghi vettoriali gratis

1 min Per una grafica che si rispetti è importante avere a disposizione…