![Page 1: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/1.jpg)
Step by Step Guide for Creating
Fancy
Fan Pagesby Olaf Nitz | olafnitz.net
![Page 2: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/2.jpg)
About this Facebook Guide
Since the social networking site Facebook is about to become
one of the largest and most visited websites globally, you
should think about expanding your online presence to
Facebook.
That’s what everybody tells you these days – but no one tells
you how to create an outstanding Facebook Fan Page. As a
corporation you can engage in Facebook in different ways, and
creating a fan page is the most powerful one. Although it is
easy to set up the page, creating a fancy fan page is a little
tricky.
There are tons of applications on Facebook from which I
selected a few which proved to be useful.
This guide is not exhaustive, but it can help you to create and
enhance your Facebook presence.
![Page 3: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/3.jpg)
Agenda5 Login, Create & Publish Page
13 Profile Picture & Page Description
17 Add Photos
25 Page Favourites
29 Vanity URLs
34 Custom Tabs with Text & Images
48 Video App
70 Youtube Player
81 Youtube Video Box
99 Twitter for Pages
109 Integration RSS / Blog
120 Create a simple App
137 Polls
147 Landingtab
151 About the Guide & the Author
![Page 4: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/4.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
GET STARTED
Login, Creating & Publishing a Page
![Page 7: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/7.jpg)
Select „Pages“
http://www.facebook.com/advertising/
GETTING STARTED
![Page 8: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/8.jpg)
Create Page
http://www.facebook.com/advertising/?pages
GETTING STARTED
![Page 9: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/9.jpg)
Choose Category & Create Page
http://www.facebook.com/pages/create.php
GETTING STARTED
Features in the Info-Section depend on category
![Page 10: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/10.jpg)
Result: New Fan Page
GETTING STARTED
![Page 11: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/11.jpg)
Publish Page: Option 1
GETTING STARTED
![Page 12: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/12.jpg)
Publish Page: Option 2
GETTING STARTED
![Page 13: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/13.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
FIRST ADAPTATIONS
Profile Picture & Description
![Page 14: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/14.jpg)
Profile Picture
GETTING STARTED
![Page 15: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/15.jpg)
Advanced Profile Picture
GETTING STARTED
Canvas size: 200 px width;
Background:Blue: Color #ECEFF4; 51px height; 200px width; Grey Line: Color #E0E0E8;
![Page 16: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/16.jpg)
Page Description
GETTING STARTED
Text and Links possible
![Page 17: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/17.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
ADD PHOTOS
Creating Albums, Uploading, Publishing
![Page 18: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/18.jpg)
Create a Photo Album
ADD PHOTOS
![Page 19: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/19.jpg)
Album Details
ADD PHOTOS
![Page 20: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/20.jpg)
Loading Java
ADD PHOTOS
![Page 21: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/21.jpg)
Select Photos
ADD PHOTOS
Non-Java / Simple HTML-Upload also available
![Page 22: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/22.jpg)
Upload Photos
ADD PHOTOS
![Page 23: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/23.jpg)
Upload Successful
ADD PHOTOS
![Page 24: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/24.jpg)
Publish Photos
ADD PHOTOS
![Page 25: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/25.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
PAGE FAVOURITES
Linking other Pages from your Fan Page,
Creating a Network of Fan Pages
![Page 26: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/26.jpg)
Go to Fan Page & Add to Favourites
PAGE FAVOURITES
![Page 27: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/27.jpg)
Select Page
PAGE FAVOURITES
![Page 28: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/28.jpg)
Result: Favourite Pages
PAGE FAVOURITES
![Page 29: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/29.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
VANITY URLS
Creating Custom Short-URLs
![Page 30: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/30.jpg)
Select Username for your Page
http://www.facebook.com/username/
VANITY URLS
It is possible to create Vanity URLs for Fan Pages with more than 50 fans.
![Page 33: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/33.jpg)
Result: Vanity URL
VANITY URLS
![Page 34: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/34.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
CUSTOM TABS
Adding your own Text & Graphics
![Page 35: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/35.jpg)
Search App
CUSTOM TABS
![Page 36: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/36.jpg)
Search FBML App
http://www.facebook.com/apps/directory.php
CUSTOM TABS
![Page 37: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/37.jpg)
Select „Static FBML“
CUSTOM TABS
![Page 38: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/38.jpg)
Add App to Page
http://www.facebook.com/apps/application.php?id=4949752878&ref=appd
CUSTOM TABS
![Page 39: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/39.jpg)
Choose Page
CUSTOM TABS
![Page 40: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/40.jpg)
Edit App
Edit Page
CUSTOM TABS
![Page 41: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/41.jpg)
Insert HTML / FBML
CUSTOM TABS
Dos:•HTML•HTML forms•Internal CSS•outgoing links•external images
Don‘ts:•external Javascript •external CSS
![Page 42: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/42.jpg)
Option: Add another FBML Box
CUSTOM TABS
![Page 43: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/43.jpg)
Edit App Settings
CUSTOM TABS
![Page 44: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/44.jpg)
Add App to Tabs / Boxes
CUSTOM TABS
![Page 45: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/45.jpg)
Arrange Tabs: Drag & Drop
CUSTOM TABS
![Page 46: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/46.jpg)
Move App from Boxes to Wall Tab
CUSTOM TABS
![Page 47: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/47.jpg)
Wall Tab: Result
CUSTOM TABS
Image width: 200 Pixel
![Page 48: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/48.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
VIDEO APP
Uploading Videos,
Recording with your Webcam
![Page 49: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/49.jpg)
App: Video Add to Page
http://www.facebook.com/apps/application.php?id=2392950137
VIDEO APP
![Page 50: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/50.jpg)
Choose Page Add to Page
VIDEO APP
![Page 51: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/51.jpg)
Edit Page Settings Video Edit
VIDEO APP
![Page 52: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/52.jpg)
Add Videos
VIDEO APP
![Page 53: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/53.jpg)
Select file on your Computer
VIDEO APP
![Page 54: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/54.jpg)
Agree to Terms of Service
VIDEO APP
![Page 55: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/55.jpg)
Upload Video & Enter Info
VIDEO APP
![Page 56: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/56.jpg)
Save Info
VIDEO APP
![Page 57: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/57.jpg)
Video Processing
VIDEO APP
![Page 58: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/58.jpg)
Result: Video
VIDEO APP
![Page 59: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/59.jpg)
Result: Video
VIDEO APP
![Page 60: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/60.jpg)
Result: Video
VIDEO APP
![Page 61: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/61.jpg)
Record Video from Webcam
VIDEO APP: WEBCAM
![Page 62: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/62.jpg)
Settings Adobe Flash Player
VIDEO APP: WEBCAM
![Page 63: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/63.jpg)
Close
VIDEO APP: WEBCAM
![Page 64: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/64.jpg)
Record Video
VIDEO APP: WEBCAM
![Page 65: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/65.jpg)
Record Video & Stop
VIDEO APP: WEBCAM
![Page 66: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/66.jpg)
Save Video
VIDEO APP: WEBCAM
![Page 67: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/67.jpg)
Save Video
VIDEO APP: WEBCAM
![Page 68: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/68.jpg)
Enter Info & Save
VIDEO APP: WEBCAM
![Page 69: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/69.jpg)
Result: Webcam Video
VIDEO APP: WEBCAM
![Page 70: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/70.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
YOUTUBE PLAYER
Adding a Video Playlist of Youtube Videos
![Page 71: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/71.jpg)
App: Youtube Player
http://www.facebook.com/apps/application.php?id=6916954478
YOUTUBE PLAYER
![Page 72: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/72.jpg)
Add App to your Page
YOUTUBE PLAYER
![Page 73: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/73.jpg)
Edit Page Edit
YOUTUBE PLAYER
![Page 74: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/74.jpg)
Allow Access
YOUTUBE PLAYER
![Page 75: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/75.jpg)
Add Videos
YOUTUBE PLAYER
![Page 76: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/76.jpg)
Enter Videos & Save
YOUTUBE PLAYER
![Page 77: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/77.jpg)
Edit Page Application Settings
YOUTUBE PLAYER
![Page 78: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/78.jpg)
Add Videos to Tabs
YOUTUBE PLAYER
![Page 79: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/79.jpg)
Result Arrange Tab
YOUTUBE PLAYER
![Page 80: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/80.jpg)
Result: Youtube Player
YOUTUBE PLAYER
![Page 81: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/81.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
YOUTUBE VIDEO BOX
Adding Youtube Videos
![Page 82: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/82.jpg)
Add App to Page
http://www.facebook.com/apps/application.php?id=3801015922
YOUTUBE VIDEO BOX
![Page 83: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/83.jpg)
Select Page
YOUTUBE VIDEO BOX
![Page 84: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/84.jpg)
Edit Page Edit Settings
YOUTUBE VIDEO BOX
![Page 85: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/85.jpg)
Add Videos from Youtube
YOUTUBE VIDEO BOX
![Page 86: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/86.jpg)
Add Youtube URL
YOUTUBE VIDEO BOX
![Page 87: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/87.jpg)
Edit Details & Save Video
YOUTUBE VIDEO BOX
![Page 88: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/88.jpg)
Back to Page Videos
YOUTUBE VIDEO BOX
![Page 89: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/89.jpg)
Add another Video
YOUTUBE VIDEO BOX
![Page 90: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/90.jpg)
Save URL
YOUTUBE VIDEO BOX
![Page 91: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/91.jpg)
Edit Details & Save
YOUTUBE VIDEO BOX
![Page 92: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/92.jpg)
Back to Page Videos
YOUTUBE VIDEO BOX
![Page 93: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/93.jpg)
Page Videos
YOUTUBE VIDEO BOX
![Page 94: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/94.jpg)
Edit Application Settings
YOUTUBE VIDEO BOX
![Page 95: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/95.jpg)
Add App to Tab
YOUTUBE VIDEO BOX
![Page 96: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/96.jpg)
Save Settings
YOUTUBE VIDEO BOX
![Page 97: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/97.jpg)
Arrange Tabs
YOUTUBE VIDEO BOX
![Page 98: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/98.jpg)
Result Youtube Video Box
YOUTUBE VIDEO BOX
![Page 99: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/99.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
TWITTER FOR PAGES
Integrating your Tweets
![Page 100: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/100.jpg)
Choose Page
http://www.facebook.com/add.php?api_key=6f77619e603ca9b71b45f5cd105be888&pages
TWITTER FOR PAGES
![Page 101: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/101.jpg)
Add App Twitter for Pages
TWITTER FOR PAGES
![Page 102: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/102.jpg)
Enter Details & Select User
TWITTER FOR PAGES
![Page 103: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/103.jpg)
Continue
TWITTER FOR PAGES
![Page 104: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/104.jpg)
Edit Page App. Settings
TWITTER FOR PAGES
![Page 105: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/105.jpg)
Add Tab
TWITTER FOR PAGES
![Page 106: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/106.jpg)
Add Tab & Save
TWITTER FOR PAGES
![Page 107: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/107.jpg)
Arrange Tabs Drag & Drop
TWITTER FOR PAGES
![Page 108: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/108.jpg)
Result: Twitter for Pages
TWITTER FOR PAGES
![Page 109: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/109.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
RSS / BLOG
Integrating a Blog
![Page 110: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/110.jpg)
App Social RSS: Add to my Page
http://www.facebook.com/apps/application.php?id=23798139265
RSS / BLOG
![Page 111: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/111.jpg)
Add App to Page
RSS / BLOG
![Page 112: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/112.jpg)
Edit Page Edit Social RSS
RSS / BLOG
![Page 113: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/113.jpg)
Add RSS Feed
RSS / BLOG
![Page 114: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/114.jpg)
Updating…
RSS / BLOG
![Page 115: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/115.jpg)
Feeds Updated
RSS / BLOG
![Page 116: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/116.jpg)
Add Tab: Application Settings
RSS / BLOG
![Page 117: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/117.jpg)
Add Tab
RSS / BLOG
![Page 118: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/118.jpg)
Add Tab & Save
RSS / BLOG
![Page 119: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/119.jpg)
Result: Blogpostings in Tab
RSS / BLOG
![Page 120: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/120.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
CREATING A SIMPLE APP
Content from a Website on Facebook
![Page 121: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/121.jpg)
Creating Content: PHP Code• Example: Including Twitter via RSS
• Upload PHP-File to a Server
CREATING A SIMPLE APP
<style type="text/css">
p { font-family: Arial, Helvetica, sans-serif; font-size:10px; }
a { color:#990000; }
</style>
<?php
# Script: XML-Reader
# Copyright: y0y.de, erweitert: bueltge.de
$url = "http://twitter.com/statuses/user_timeline/957101.rss";
$number = 7;
$file_content = @file_get_contents($url);
$items = preg_match_all("/<item[ ]?.*>(.*)<\/item>/Uis", $file_content, $array_items);
$array_items = $array_items[1];
if(!empty($array_items)) {
if ($number>sizeof($array_items)) $number=sizeof($array_items);
echo "<p>";
for($n=0;$n<$number;$n++) {
preg_match("/<link>(.*)<\/link>/Uis", $array_items[$n], $array_link);
preg_match("/<title>(.*)<\/title>/Uis", $array_items[$n], $array_title);
preg_match("/<pubDate>(.*)<\/pubDate>/Uis", $array_items[$n], $array_pubdate);
$suchmuster = "/\<description\>\<\!\[CDATA\[(.*)\]\]\\><\/description\>/Uis";
preg_match($suchmuster, $array_items[$n], $array_description);
echo "<b>$array_title[1]</b><br>";
echo "$array_description[1] ";
echo "<a href=\"$array_link[1]\" target=\"_blank\">more</a>";
echo "<br><br>";
}
echo "</ul></p>";
}
?>
![Page 122: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/122.jpg)
PHP File in Browser
CREATING A SIMPLE APP
![Page 123: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/123.jpg)
Set Up New Application
http://www.facebook.com/developers/
CREATING A SIMPLE APP
![Page 124: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/124.jpg)
Choose Application Name
http://www.facebook.com/developers/createapp.php
CREATING A SIMPLE APP
![Page 125: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/125.jpg)
Basic Settings
CREATING A SIMPLE APP
![Page 126: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/126.jpg)
Authentication: EnableInstallable Facebook Pages
CREATING A SIMPLE APP
![Page 127: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/127.jpg)
Canvas: Add Canvas Page URL
CREATING A SIMPLE APP
![Page 128: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/128.jpg)
Result & Edit Settings
CREATING A SIMPLE APP
![Page 129: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/129.jpg)
Add Tab Information
CREATING A SIMPLE APP
Tab URL is required for adding app as a tab.Tab URL is relative to Canvas Callback URL
Canvas Callback URL + Tab URL http://olafnitz.net + twitter
= http://olafnitz.net/twitter
![Page 130: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/130.jpg)
Go to App Profile
CREATING A SIMPLE APP
![Page 131: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/131.jpg)
Add App to Page
CREATING A SIMPLE APP
![Page 132: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/132.jpg)
Add App to Page
CREATING A SIMPLE APP
![Page 133: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/133.jpg)
Edit Page: Application Settings
CREATING A SIMPLE APP
![Page 134: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/134.jpg)
Add App to Tab (1)
CREATING A SIMPLE APP
![Page 135: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/135.jpg)
Add App to Tab (2)
CREATING A SIMPLE APP
![Page 136: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/136.jpg)
Result: External Content
CREATING A SIMPLE APP
![Page 137: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/137.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
POLLS
![Page 138: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/138.jpg)
Application Poll
http://www.facebook.com/apps/application.php?id=20678178440
![Page 139: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/139.jpg)
Add App to Page
![Page 140: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/140.jpg)
Create Poll
![Page 141: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/141.jpg)
Enter Questions & Options
![Page 142: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/142.jpg)
Publish Poll
![Page 143: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/143.jpg)
Result: Poll on the Wall
![Page 144: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/144.jpg)
Poll in „Boxes“
![Page 145: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/145.jpg)
Poll in the Wall Tab
![Page 146: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/146.jpg)
Result: Poll
![Page 147: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/147.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
LANDINGTAB
Seding the user to a specific tab
![Page 148: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/148.jpg)
Edit Page Wall Settings
LANDINGTAB
![Page 149: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/149.jpg)
Select Default Tab for Non-Fans
LANDINGTAB
Fans will be sent to the wall by default. This setting only applies to non-fans.
![Page 150: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/150.jpg)
Select Tab
LANDINGTAB
![Page 151: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/151.jpg)
STEP BY STEP GUIDE FOR CREATING FANCY FACEBOOK FAN PAGES BY OLAF NITZ
ABOUT & CONTACT
Final Things
![Page 152: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/152.jpg)
About this Document
This document was created by Olaf Nitz and is published under a Creative Commons License.
You are free to copy, distribute, display, and perform this guide and to make derivative works under the following conditions: Attribution - you must give the original author credit and link to http://olafnitz.net.If you alter, transform, or build upon this work, you may distribute the resulting work only under a licence identical to this one.
About the author: Olaf Nitz has been working in the field of e-business since 2000 as Developer, Online-Marketer, PR-Consultant, Internet Strategist, Blogger & Lecturer. Currentlyhe is working as an Internet Strategist for the Austrian National Tourist Office in Vienna and as a Lecturer on Online-PR at the University of Applied Sciences in St.Pölten in Austria.
Facebook Bookmarks: http://delicious.com/onitz/facebook
![Page 153: Fancy Facebook Fan Pages - A Step by Step Guide](https://reader033.vdocument.in/reader033/viewer/2022051609/546ad5dbb4af9f752c8b4909/html5/thumbnails/153.jpg)
Any Questions?• Olaf Nitz
• Web & Blog: http://olafnitz.net
• Email: mail (at) olafnitz.net
• Skype: onitz1605
• Facebook: http://www.facebook.com/onitz
• LinkedIn: http://www.linkedin.com/in/onitz
• Twitter: http://twitter.com/onitz
• Delicious: http://delicious.com/onitz
If you want to have a PDF version of this guide, send me an email!