Slik konverterer HTML til FBML

Slik konverterer HTML til FBML


Facebook destinasjonssider, også kalt "fan-sider," er en morsom og unik måte å tilpasse din gruppe, business, vifte eller band siden. I løpet av de siste årene, fan-sider brukes en spesiell Facebook-applikasjon, kalt "Static FBML" for Facebook Markup Language. FMBL koder kan trekke i mange Facebook-funksjoner som som knapper, kommentarer, RSS-feeder, eller statusmeldinger. The Static FMBL applikasjonen krever flere endringer i hvordan HTML er formatert for å gjengi riktig når en besøkende viser siden din. I tillegg Facebook setter begrensninger på Javascript og CSS-stiler, slik at du må inkludere dem i kroppen av HTML.

Bruksanvisning

1 Bestem hvilke funksjoner innenfor din side design kan bli erstattet av FMBL koder. Et eksempel kan være HTML-koden for en kommentar form som kan byttes ut av Facebook kommentar tag: <fb: kommentarer> eller bruke <fb: tabs> for å erstatte en horisontal navigasjonsfeltet med Facebook-faner. Facebook gir en omfattende referanse over tilgjengelige FMBL koder på sin Facebook Markup Language (FBML) side.

2 Flytt alle CSS-stiler til hoved HTML-dokument ved å plassere CSS mellom <style> </ style> -kodene like under åpningen <body> -taggen. Gjenta dette for noen javascript initialisering kode du kan ha i din HTML header, flytte den ned under CSS mellom <script> </ script> koder.

3 Fjern hele overskriften på HTML-dokumentet, og starter med åpningen <html> -taggen og slutter med den avsluttende </ head> tag. Også fjerne <body> </ body> og </ html> koder. Du er nå igjen med bare innholdet, styling og skript av HTML-siden.

4 Erstatt alle bilde og filkoblinger med full URL-banen til der filene blir lastet opp, som din webserver eller et bilde delingstjeneste. Du kan ha uforutsigbare resultater hvis du prøver å lenke direkte til filer eller bilder lastet opp til din Facebook-profil.

5 Erstatte eventuelle <object> eller embed-koder med <fb: swf> tag. Du bruker kanskje legge inn koder for å legge til en tredjepart widget eller en lysbildeserie på siden din; men Facebook vil ikke gjengi objektet ordentlig og krever FMBL å gjøre det. Begynn med å legge inn startkoden <fb: swf>, og trykk enter for å opprette en ny linje. Kopier og lim inn følgende kode, og deretter finne URL følgende "src =" i koden og erstatte URL HER:

swfsrc = 'URL HER "

Gjenta for følgende, erstatte URL HER med linjen med kode som kommer etter "FlashVars" i koden, hvis den finnes:

FlashVars = 'KODE HER "

Til slutt legger du til følgende kode og erstatte URL HER med full URL til et bilde eller en grafikk betrakteren vil klikke for å starte lysbildefremvisningen. Dette er et krav om Facebooks javascript begrensninger:

imgsrc = 'URL HER "width =' Skriv bredden i piksler" height = 'Skriv Høyde i piksler'
</ Fb: swf>

Hint

  • Bytt ut Statisk FMBL faner med en gratis iFrame program som TabPress stedet. Som Facebook begynner å fase ut støtte for FMBL, vil iframes blitt standard. Disse programmene lar deg "importere" en nettside som kan oppdateres dynamisk utenfor Facebook, og er ikke begrenset av FMBL HTML, CSS, eller Javascript-restriksjoner.