sabato 27 agosto 2011

Come fare una pagina di benvenuto su una Fan Page di Facebook con Iframe



Per creare una pagina di benvenuto su facebook, fino a poco tempo fa usavamo fbml, ma da un po' di tempo le nostre immaggini in movimento , sono diventate statiche, e allora ci viene in aiuto una nuova applicazione "IFRAME" Si tratta di una pagina, dove scrivere o aggiungere immagini in HTML.

Per usare l'applicazione bisogna diventare fan di questa pagina , StaticHtmlIframe che è lo strumento di fb che permette di avere la scheda di benvenuto nella vostra fan page, poi nella pagina che appare cliccare Add static html to a page,vi portera' in un'altra pagina dove dovrete scegliere in quale delle vostre Fan Page aggiungere Iframe.

Bene adesso avete aggiunto alla vostra Fan Page una pagina iniziale, dove mettere le immagini e le frasi di benvenuto che piu' vi piacciono, il tutto in Html. Ora tornate alla vostra pagina e cliccate   su modifica pagina>applicazioni- e su Vai all'applicazione che trovi sotto la stellina simbolo di IFRAME , si aprira' il pannello dove potrete sbizzarrirvi a creare il vostro benvenuto. Se volete rinominare la pagina da voi creata, potete farlo da modifica impostazioni ( sempre da modifica pagina>applicazioni) che trovate sotto la stellina, si aprira' una finestra dove potete rinominare la scheda.

COME IMPOSTARE LA PAGINA WELCOME DI BENVENUTI

Una volta aggiunto IFRAME, torna sulla tua pagina clicca sotto l'immagine della pagina su "Modifica Pagina" poi alla pagina successiva nella colonna sinistra clicca su "Gestisci Autorizzazioni" e alla voce "Pagina d'ingresso principale" clicca sul menu' a tendina e scegli :"Welcome To...",poi Salva modifiche.

Vediamo adesso come strutturare la nostra pagina di benvenuto, ho pensato di fare questo specchietto per aiutare chi non e' tanto bravo a lavorare con i codici Html.

•Allineamento del testo:a sinistra----><p align="left">testo</p>
a destra-----><p align="right">testo</p>
centrato-----><blockquote>testo</blockquote>
giustificato---><p align="justify">testo</p>

Per andare a capo: <br> testo </br>
•Per saltare una riga: <br>

•Stili:Grassetto---><b>testo</b>
Corsivo---><i>testo</i>
Sottolineato---><u>testo</u>
Barrato---><strike>testo</strike>

Testo in apice---><sup>testo</sup>
Testo in pedice---><sub>testo</sub>

•Carattere scrittura:<font face="Nome del carattere">testo</font>
NB= scrivere maiuscole e minuscole tali e quali a come è nominato il tipo di carattere desiderato!

•Colore testo:
<font color="codice esadecimale">testo</font>


•Dimensione testo:<font size="Numero da 1 a 7">testo</font>
Potete anche fare + di 7 !

•Collegato ipertestuale:<a href="L'url del link">testo</a>

Per inserire un bottone devi usare questi codici. (Per inserire altre tue pagine che gestisci o blog) tieni conto conto che le virgolette devono rimanere:Inserisci i dati richiesti cancellando la scritta blu.
<div id="code" align="left"><a href=INDIRIZZO WEB DA INSERIRE # style="text-decoration: none;"><input value="NOME CHE DEVE COMPARIRE SUL BOTTONE" type="button"></a></div>

Per inserire il bottone di una  pagina gestita da altri.,questo e' l'html che ti serve, tieni  presente che le virgolette devono rimanere, ti segno il testo da eliminare sempre in blu:
<div id="code" align="left"><a href=INDIRIZZO DELLA PAGINA DI FACEBOOK # style="text-decoration: none;"><input value="NOME DELLA PAGINA" type="button"></a></div>

Per inserire più di una pagina bisogna inserire quest'altro codice, tenendo conto che le virgolette bisogna lasciarle, ricorda sempre dopo aver inserito nome della pagina e indirizzo, di eliminare le parti che ho segnato in blu:
<div id="code" align="left"><a href=INDIRIZZO DELLA PAGINA DI FACEBOOK # style="text-decoration: none;"><input value="NOME DELLA PAGINA" type="button"></a></div>
<br>
<div id="code" align="left"><a href=INDIRIZZO DELLA PAGINA DI FACEBOOK # style="text-decoration: none;"><input value="NOME DELLA PAGINA" type="button"></a></div>

•Inserimento immagine:<img src=codice URL>

•colore e dimensione testo tutto in 1 codice:
<font color="Codice del colore" size="Numero da 1 a 7">Testo colorato e di grandezza variabile</font>

•la posizione delle immagini la potete impostare come con il testo , sinistra , destra,centrato ecc...<div align="center"></div>

Per inserire un'immagine memorizzata nel tuo pc, usa tinypic per estrarne il codice html : .tinypic.
scegli file lo carichi e avrai il tuo codice html da incollare sulla tua scheda di benvenuto.

INSERIRE IL TASTO CONDIVIDI:<fb:share-button class="url" href="METTI IL TUO INDIRIZZO url DELLA TUA PAGINA"<?php the_permalink(); ?>"></fb:share-button>


SE VUOI CREARE TE UN "PULSANTE" E SCRIVERCI QUELLO CHE TI PARE O ANCHE "CONDIVIDI"...FAI COSI' 
<div id="code" align="left"><a href= INDIRIZZO A CUI VUOI MANDARE I TUOI FANS # style="text-decoration: none;"><input value="SCRIVERE QUELLO CHE SI VUOLE" type="button"></a></div><br><br>


QUESTO E' CIO CHE OTTERRETE


PER FARE IL SUGGERISCI AGLI AMICI FARE COME SEGUE:<div style="margin-left:29px; margin-top:19px;">
<fb:request-form method="get" action='INDIRIZZO DELLA TUA PAGINA' content="Diventa Fan!
<fb:req-choice url='INDIRIZZO DELLA TUA PAGINA' label='Accetta' />" type="NOME DELLA TUA PAGINA" invite="true">
<fb:multi-friend-selector actiontext="SUGGERISCI AI TUOI AMICI ! &#9660;"10" "showborder="true" rows="3" cols="3" />
</fb:request-form></div>

INSERIRE IL MI PIACE E I COMMENTI:
<fb:comments xid="comment_comment" canpost="true" candelete="true"
returnurl="INDIRIZZO DELLA TUA PAGINA" showform="true" numposts="10">
<fb:title>NOME DELLA TUA PAGINA</fb:title></fb:comment>

SE VUOI METTERE UNA RICERCA SULL'IFRAME PUOI FARE COSI' PER CERCARE SU GOOGLE:
<!-- Search Google -->
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=it>
<INPUT type=submit name=btnG VALUE="Cerca con Google">
</td></tr></TABLE>
</FORM>
<!-- Search Google -->


QUESTO E' CIO' CHE OTTERRETE


Google



SE VUOI METTERE UNA RICERCA SULL'FBML PUOI FARE COSI' PER CERCARE SU FACEBOOK:
<!-- Search FB -->
<FORM method=GET action="http://www.facebook.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.facebook.com/">
<IMG SRC="http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs624.snc3/27535_20531316728_5553_q.jpg" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=it>
<INPUT type=submit name=btnG VALUE="Cerca con FaceBook">
</td></tr></TABLE>
</FORM>
<!-- Search FB -->


QUESTO E' CIO' CHE OTTERRETE
Google





PER FAR SI CHE UN'IMMAGINE FUNGA PURE DA LINK FARE COME SEGUE:
<a href="http://indirizzopagina/" target="_blank"><img alt="" src="http://indirizzofoto/" style="width: 180px; height: 180px;" /></a>

''indirizzopagina'' scrivere l'indirizzo della pagina

''indirizzofoto'' fai tasto desto su l'immagine che vuoi mettere.. copia indirizzo imaggine


PER INSERIRE UN VIDEO DI YOUTUBE:
<swfsrc="QUI INSERISCI L'URL DEL VIDEO DA YOUTUBE" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="510" height="400" allowFullscreen="true" allowScriptAccess="always" name="movie"></fb:swf>


•codici html per immagini:vi indico i siti dove potete "convertire" le vostre immagini memorizzate nel vostro pc in codici html.

1°_ imageshack.
2°_ .tinypic.
3°_ glitterfy.


INSERIRE FOTO GIF ANIMATE SCRITTE ETC....DAI SITI HOSTING DI IMMAGINI

Andate in siti Hosting cercate le foto inserendo il tipo nel motore di ricerca a destra/sinistra in alto o scegliete tra quelle proposte cliccate sulla foto e in pochi secondi uscira' con il codice HTML da inserire in FBML.
Eccone alcuni siti di foto

1) .tinypic.
2) imageshack.
3) photobucket.
4) imagechef.
5) spaghettifile.
6) .imagehousing.
7) cheezburger.
8) crushlyts.


Eccone alcuni siti di Gif glitter etc...

1) .bigoo.
2) glitter-graphics.
3) .glittergraphicsweb.
4) freeglitters.
5) myhotcomments.
6) .glitterlive.
7) glitter-gallery.
8) .fastglitter.
9) .lovemyprofile.
10 glitterfy

•Siti per scritture particolari:

1°_ fedemarkez.
2°_ fedemarkez. 2
3°_ .messletters.

Vi indico dei siti dove potete trovare codici colori e dove potete fare i testi multicolore, e trovare le gif in movimento che vi servono:
1°_ forumfree.
2°_ rainbow.
3°_ .sfumatore.
4°_ riemann.
5°_ glitterfy.
6°_ glitter-graphics.





Esistono anche altre applicazioni che creano la pagina di Welcome....
 iframe-apps
iwipa
iframehost


IMPOSTARE L'IFRAME DI BENVENUTO COME RIQUADRO INIZIALE PER I NUOVI FANS: Vai in "Gestisci autorizzazioni" (sempre in "Modifica pagina") vai al punto "Pagina d'ingresso principale" e seleziona il nome del tuo  IFRAME di benvenuto salva le modifiche e da quel momento in poi tutti quelli che entreranno nella tua pagina (che non siano ancora fan) entreranno nella scheda di benvenuto.
Nel caso non ci sia il punto "Pagina d'ingresso principale" allora forse la tua è una pagina sociale (opzione scelta al momento di creazione della pagina) e quindi non ci puoi fare nulla.






Nessun commento:

Posta un commento