oggetti Facebook iFrame permettono di integrare i plugin sociali del sito con il tuo sito web, rendendo più facile per voi per condividere i contenuti che ti piace con la rete dei tuoi amici, notevolmente aumentando il potenziale portata del tuo sito. Senza soluzione di continuità integrare il tuo sito web con strumenti iFrame, come ad esempio "Commenti" e "Mi piace" di dialogo, adattando il design della vostra iFrame per abbinare il vostro sito.

istruzione

1 Effettua il login in Facebook, scorrere fino al fondo della pagina e cliccare su "Gli sviluppatori." Fare clic su "Aggiungi Facebook al mio sito web," quindi su "Concetti fondamentali" dal menu di navigazione a sinistra. Fai clic su "Social Plugin", allora il nome del plugin iFrame che si desidera aggiungere - la casella "Mi piace" o "Commenti", per esempio.

2 Inserire le informazioni per la quale Facebook si chiede - di solito, l'URL della "pagina" di Facebook a cui si desidera lo strumento per collegare - e immettere la larghezza, in pixel, è il desiderio per l'oggetto. Selezionare una combinazione di colori "leggero" o "dark", poi cliccare su "Ottieni codice." Fare doppio clic con il mouse all'interno della finestra iFrame, tasto destro del mouse, cliccare su "Copia" e fare clic su "OK".

3 Accedi al pannello di controllo del tuo sito web e accedere alla HTML della pagina in cui si desidera inserire il iFrame. Aprire la pagina in editor HTML del server, cliccare con il mouse ovunque nella pagina che si desidera inserire l'iFrame, quindi fare clic destro e selezionare "Incolla". Salvare il file e visualizzarlo nel browser per verificare l'aspetto del iFrame.

4 Cambiare colore di sfondo della iFrame aggiungendo una voce iFrame di file CSS di pagina utilizzando il seguente codice:

iframe {background-color: rgba (0,0,0,0.8); color: # 000000;}

Sostituire i valori di colore dei campioni con i valori che corrispondono al tema del colore del tuo sito. Ricordate che la "a" coefficiente nella stringa "RGBA" è la trasparenza del dialogo - un basso coefficiente significa che la scatola è altamente trasparente, mentre un valore di "1" significa che è completamente opaco.

5 Salvare il file CSS e visitare la pagina ancora una volta, al fine di garantire compare il iFrame come si desidera.