Come convertire HTML a FBML

June 20

Come convertire HTML a FBML


pagine di destinazione di Facebook, chiamato anche "pagine fan," sono un modo divertente e unico per personalizzare il gruppo, affari, ventilatore o pagina di banda. Nel corso degli ultimi anni, pagine fan hanno usato una speciale applicazione Facebook, chiamata "Static FBML" per Facebook Markup Language. tag FMBL possono tirare in molte funzioni di Facebook come pulsanti like, commenti, feed RSS, o messaggi di stato. L'applicazione Static FMBL richiede alcune modifiche al modo in cui il codice HTML è formattato per rendere correttamente quando un visitatore visualizza la pagina. Inoltre, Facebook mette limitazioni stili CSS JavaScript e, che sia necessario includerli nel corpo del codice HTML.

istruzione

1 Determinare quali funzioni all'interno del vostro design della pagina può essere sostituito da tag FMBL. Un esempio potrebbe essere il codice HTML per un modulo di commento che può essere sostituito dal tag di commento Facebook: <fb: comments> o usando <fb: schede> per sostituire una barra di navigazione orizzontale con le schede di Facebook. Facebook fornisce una vasta di riferimento disponibili tag FMBL sulla loro pagina di Facebook Markup Language (FBML).

2 Spostare tutti gli stili CSS nel documento HTML principale posizionando il CSS tra </ style> tag appena sotto l'apertura tag <style> <body>. Ripetere questo per qualsiasi codice javascript di inizializzazione si può avere nella vostra intestazione HTML, spostandolo verso il basso al di sotto del CSS tra <script> </ script> tag.

3 Rimuovere l'intera intestazione del documento HTML, a cominciare con l'apertura tag <html> e termina con il </ head> tag di chiusura. Rimuovere anche il <body>, <corpo /> tag e </ html>. Si è ora a sinistra con solo il contenuto, lo stile e gli script della pagina HTML.

4 Sostituire tutti i link delle immagini e file con il percorso URL completo a cui verranno caricati i file, come ad esempio il server web o di un servizio di condivisione di immagini. Si possono avere risultati imprevedibili se si cerca di collegarsi direttamente a file o immagini caricate al tuo profilo Facebook.

5 Sostituire eventuali <object> o codici embed il <fb: swf> tag. Si può essere utilizzando i codici embed per aggiungere un terzo widget di parti o presentazione alla tua pagina; Tuttavia, Facebook non renderà l'oggetto correttamente e richiede FMBL per farlo. Iniziare inserendo il tag di apertura <fb: swf>, quindi premere Invio per creare una nuova linea. Copia e incolla il seguente codice, quindi individuare l'URL seguente "src =" nel codice sovrastante e sostituire URL QUI:

swfsrc = 'URL QUI'

Ripetere l'operazione per quanto segue, sostituendo URL qui con la riga di codice che viene dopo "flashvars" nel codice embed, se esiste:

FlashVars = "il codice qui '

Infine, aggiungere il seguente codice e sostituire URL qui con l'URL completo di un'immagine o un grafico lo spettatore si clicca per iniziare la presentazione. Questo è un requisito di limitazioni JavaScript di Facebook:

imgsrc = 'URL QUI' width = 'Inserisci larghezza in pixel' height = 'Inserisci altezza in pixel'
</ Fb: swf>

Consigli e avvertenze

  • Sostituire le schede statico FMBL con un'applicazione iFrame gratuito come TabPress invece. Come Facebook comincia a eliminare gradualmente il supporto per FMBL, iFrames diventerà lo standard. Queste applicazioni consentono di "importare" una pagina web che può essere aggiornato in modo dinamico al di fuori di Facebook, e non limitato dalle HTML di FMBL, CSS o JavaScript restrizioni.