Download - FBML for fan pages by Heather Boone
![Page 1: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/1.jpg)
Hi.I’m Heather. I design and develop web pages.Some of those web pages live insideof Facebook fan pages.
![Page 2: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/2.jpg)
Fan pagesallow you to publish custom contentby creating a Facebook app.
![Page 3: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/3.jpg)
This appgenerates a coupon for the latest saleand offers ways for the user to sharethe “ticket” on Facebook and Twitter.
![Page 4: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/4.jpg)
This appshowcases weekly promotions.
![Page 5: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/5.jpg)
A gateis a common Facebook app.
![Page 6: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/6.jpg)
This appis for charity awareness.
![Page 7: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/7.jpg)
This appis for fundraising.
![Page 8: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/8.jpg)
This appis for a contest* @carters.*consult an attorney
![Page 9: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/9.jpg)
FBMLor Facebook Markup Language…
![Page 10: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/10.jpg)
FBMLis deprecated and this is a really good thing.
![Page 11: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/11.jpg)
iFrame appsare now required.
![Page 12: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/12.jpg)
iFramesallow you to embed an externalWeb page in your fan page.
![Page 13: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/13.jpg)
Hostingfor an iFrame app is handled by the developer.
![Page 14: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/14.jpg)
An SSLcertificate will be required for all iFramed Facebook content in October.
![Page 15: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/15.jpg)
iFrame appsuse standard HTML, CSS, and JavaScript like any other Web page.
![Page 16: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/16.jpg)
This is goodbecause it offers you more control of the content, page changes are immediate and you can use best practicesas you would for other development.
![Page 17: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/17.jpg)
520pxis the width of Facebook’s iFrame.
![Page 18: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/18.jpg)
Installthe developer app @ developers.facebook.com.This is where you will go to create apps and edityour app settings.
![Page 19: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/19.jpg)
Developersis also where you can read documentation
about the Facebook API and SDK.
![Page 20: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/20.jpg)
Create an appby choosing the “+ Create New App” button.
![Page 21: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/21.jpg)
Nameyour app and agree to Facebook’s Terms.
![Page 22: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/22.jpg)
Setupyour app’s basic information.
![Page 23: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/23.jpg)
Integrateyour app into Facebook by choosing “On Facebook” fromthe left navigation and input canvas URLs for your page.
![Page 24: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/24.jpg)
Chooseauto-resize* (unless you like scrollbars) andinput page URLs. *You will need some JavaScript for this feature to work on your page.
![Page 25: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/25.jpg)
Add the appto your page by choosing “View App Profile Page” fromthe navigation.
![Page 26: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/26.jpg)
Add the appto your page by choosing “Add to My Page” from the navigation and then select the appropriate page fromthe pop up window.
![Page 27: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/27.jpg)
View appon your page by navigating to the page.
![Page 28: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/28.jpg)
Free is good.If this development stuff just isn’t for you, andyou want a custom app, check out ShortStack.
They allow small fan pages (under 2,000 likes)to publish custom tabs without all the hassle ofhosting and development.
![Page 29: FBML for fan pages by Heather Boone](https://reader036.vdocument.in/reader036/viewer/2022062513/55512fe8b4c905325d8b4d4c/html5/thumbnails/29.jpg)
Thanks.Have fun building your own apps.There are some great resourcesand tutorials online. HyperArts got me up to speed.
Hurry, now! And, if Facebookdoesn’t survive November,Google+ for Business is lookingquite promising.http://bit.ly/oQSfuD