11 Guida definitiva alle pagine di bevenuto IFRAME

Per utilizzare le pagine di benvenuto IFRAME è necessario possedere uno spazio sul web dove inserire la pagina e le sue immagini.

Di seguito spiegherò passo passo come iscriversi ad un sito gratuito di hosting e come utilizzarlo

Prendiamo ad esempio il sito ALTERVISTA, che è uno dei migliori siti di questo genere.

Passiamo all’iscrizione che, ripeto, è GRATUITA

Andate su http://it.altervista.org/

Nella Home page troverete questa schermata

Cliccate su “prosegui”

Vi appare questa schermata

Compilate tutti i dati a partire dal nome del sito, per finire coi vostri dati personali (c’è anche la possibilità di connettersi tramite Facebook ed avrete tutto autocompilato con i vostri dati)

Cliccate su prosegui e , se avrete riempito tutti i campi come si deve vedrete un avviso che vi comunica che vi è stata mandata una mail che dovrete aprire per confermare l’iscrizione tramite un link

Nella mail trovate anche NOME UTENTE e PASSWORD per accedere al sito

Fatto questo tornate sulla home http://it.altervista.org/

Effettuate il login con NOME UTENTE e PASSWORD che avete nella mail e cliccate su “accedi al pannello di controllo”

Cliccate come in figura su “altersito” e poi su “gestione file”

Qui andrete ad inserire le vostre pagine di benvenuto che avete creato o che avete scaricato dal mio sito J

Questo sopra è il pannello per ora vuoto con tutti i suoi comandi :

INVIA FILES che utilizzerete per caricare le vostre pagine

SPOSTA – COPIA – CANCELLA – per gestire i files caricati

CREA CARTELLA per aggiungere cartelle di files, digitate il nome della cartella e cliccate

CREA FILE – CREA PAGINA per creare singoli files (ma questo lo utilizzerete di rado)

Vediamo ora una applicazione pratica :

Supponiamo che abbiate scaricato il tema “MINIMAL” dalla mia pagina facebook

http://www.facebook.com/pages/pagine-di-benvenuto-FREE-welcome-tabs/202392419829121?sk=app_290086717686622

il file, una volta scompattato contiene questo

Index.php è la pagina di benvenuto

Immagini è la cartella che contiene tutte le immagini della index

Stile.css è il foglio che contiene tutte le istruzioni di stile della pagina

Ora portatevi sul pannello di controllo di altrevista e create una nuova cartella

Io l’ho chiamata facebook, digitate il nome come da foto e cliccate su “crea cartella”

Vi apparirà in alto la cartellina gialla appena creata

Cliccate sulla cartella facebook appena creata che per il momento è vuota

Create uan nuova cartella all’interno di essa e chiamatela “immagini”

Ora vi trovate dentro alla cartella facebook ed avete appena creato la cartella immagini

Il “parent” che leggete sopra vi serve per ritornare indietro di un gradino, in alto a sinistra vi segnalano dove vi trovate in questo momento

Cliccate la cartella immagine, cliccate “invia files”

Vi si aprirà una finestra del vostro pc, andate a cercare la cartella MINIMAL che avevate scaricato prima, entrate nella cartella immagini e selezionatele tutte (non dimenticate nessuna immagine).

Ora cliccate apri e fate “invia files”, il bottone blu che vedete nell’immagine.

Aspettate un paio di minuti che l’upload sia terminato, quando arriva al 100% cliccate il grigio “torna a gestione files”

Siete nella cartella immagini ed avete il lungo elenco dei files caricati.Tornate indietro cliccando “parent”

Ora è il momento di caricare il file index.php ed il file stile.css.

Cliccate come prima “invia files” e vi si apre ancora questa schermata

Fate “seleziona files”, cercate la vostra cartella MINIMAL, selezionate i due files “stile” e “index” e cliccate apri.Ora il bottone blu “invia files”

Aspettate che termini l’upload e cliccate “torna a gestione files”

Ecco cosa avete adesso, il lavoro è finito e, se tutto è andato bene, cliccando su index.php dovreste vedere la vostra pagina in funzione

La vostra pagina di benvenuto è finalmente online e funzionante

Vediamo ora come “collegarla” a Facebook

Prendiamo come ovvio che abbiate gia una pagina facebook, ora dovete aggiungerci una applicazione iframe.

Portatevi a questo indirizzo

https://developers.facebook.com/apps

Cliccate su crea applicazione

Vi appare questa schermata, scrivete nel riquadro che segnalo in rosso il nome della vostra app (che peresempio potrebbe essere benvenuti) spuntate poi la voce “i agree etc etc”

Pigiate “continua”

Digitate il codice di riconoscimento, vi troverete davanti a questa schermata

Il primo riquadro che segnalo in rosso è solo il nome della vostra applicazione, non dovete compilare nulla

Cliccate invece su “app on facebook” e su “page tab”  ed inserite l’indirizzo della vostra pagina di benvenuto (quella che abbiamo caricato su altervista nella prima parte di questa guida)

Nei primi due riquadri non includete “index.php”, il primo riquadro come vedete dall’immagine inizia con http mentre il secondo inizia con HTTPS, copiate l’indirizzo esattamente come da foto.

Negli ultimi due riquadri l’indirizzo è identico ma con l’aggiunta di “index.php”

Fatto questo cliccate su “salva modifiche”

Se volete associare una icona alla applicazione lo fate da qui

Cliccando su modifica icona e scegliendo un file sul vostro pc

Cliccate su “vai alla pagina del profilo dell’applicazione”

E poi fate “aggiungi alla mia pagina, si aprira’ una schermata dalla quale sceglierete la vostra pagina facebook, cliccate poi “chiudi”

Portatevi sulla vostra pagina Facebook e verificate che sia stata aggiunta (sotto all’immagine del profilo) la vostra nuova pagina di benvenuto

Eccola!! È l’ultima della lista, la segnalo in un riquadro rosso

Cliccatela e vi dovrebbe apparire come da figura

Avete appena creato una agina di benvenuto iframe COMPLIMENTI!!!

Alla prossima

Luca

Pin It