Social network visite 169

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

social

Social network

Come moderare i commenti di Facebook su un sito

6 minTempo fa abbiamo parlato dei punti di forza e di debolezza dei…

social

Social network

Logo vettoriale YouTube 2014: scarica gratis

1 min Di proprietà di Google Inc. da ottobre 2006 ed acquistato per…

social

Social network

Come creare una tab iframe Facebook per le pagine fan

4 minLe tab iframe Facebook sono un ottimo strumento per fare Social Media…