Fancy Facebook Fan Pages - A Step By Step Guide

Step by Step Guide for Creating Fancy Facebook Fan Pages by Olaf Nitz | olafnitz.net

About this Facebook Guide ,[object Object],[object Object],[object Object],[object Object]

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Login ,[object Object],[object Object],Username

Create Page ,[object Object],[object Object]

Select „Pages“ ,[object Object],[object Object]

Choose Category & Create Page ,[object Object],[object Object],Features in the Info-Section depend on category

Result: New Fan Page ,[object Object]

Publish Page: Option 1 ,[object Object]

Publish Page: Option 2 ,[object Object]

FIRST ADAPTATIONS ,[object Object]

Profile Picture ,[object Object]

Advanced Profile Picture ,[object Object],Canvas size: 200 px width; Background: Blue: Color #ECEFF4; 51px height; 200px width; Grey Line: Color #E0E0E8;

Page Description ,[object Object],Text and Links possible

Create a Photo Album ,[object Object]

Album Details ,[object Object]

Select Photos ,[object Object],Non-Java / Simple HTML-Upload also available

Upload Photos ,[object Object]

Upload Successful ,[object Object]

Publish Photos ,[object Object]

PAGE FAVOURITES ,[object Object]

Go to Fan Page & Add to Favourites ,[object Object]

Result: Favourite Pages ,[object Object]

Select Username for your Page ,[object Object],[object Object],It is possible to create Vanity URLs for Fan Pages with more than 50 fans.

Choose Page ,[object Object],[object Object]

Choose Username ,[object Object],[object Object]

Result: Vanity URL ,[object Object]

Search FBML App ,[object Object],[object Object]

Select „Static FBML“ ,[object Object]

Add App to Page ,[object Object],[object Object]

Edit App ,[object Object],[object Object]

Insert HTML / FBML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Option: Add another FBML Box ,[object Object]

Edit App Settings ,[object Object]

Add App to Tabs / Boxes ,[object Object]

Arrange Tabs: Drag & Drop ,[object Object]

Move App from Boxes to Wall Tab ,[object Object]

Wall Tab: Result ,[object Object],Image width: 200 Pixel

VIDEO APP ,[object Object],[object Object]

App: Video  Add to Page ,[object Object],[object Object]

Choose Page  Add to Page ,[object Object]

Edit Page Settings  Video Edit ,[object Object]

Select file on your Computer ,[object Object]

Agree to Terms of Service ,[object Object]

Upload Video & Enter Info ,[object Object]

Video Processing ,[object Object]

Result: Video ,[object Object]

Record Video from Webcam ,[object Object]

Settings Adobe Flash Player ,[object Object]

Record Video & Stop ,[object Object]

Enter Info & Save ,[object Object]

Result: Webcam Video ,[object Object]

YOUTUBE PLAYER ,[object Object]

App: Youtube Player ,[object Object],[object Object]

Add App to your Page ,[object Object]

Edit Page  Edit ,[object Object]

Enter Videos & Save ,[object Object]

Edit Page  Application Settings ,[object Object]

Add Videos to Tabs ,[object Object]

Result  Arrange Tab ,[object Object]

Result: Youtube Player ,[object Object]

YOUTUBE VIDEO BOX ,[object Object]

Edit Page  Edit Settings ,[object Object]

Add Videos from Youtube ,[object Object]

Add Youtube URL ,[object Object]

Edit Details & Save Video ,[object Object]

Back to Page Videos ,[object Object]

Add another Video ,[object Object]

Edit Details & Save ,[object Object]

Edit Application Settings ,[object Object]

Add App to Tab ,[object Object]

Save Settings ,[object Object]

Result Youtube Video Box ,[object Object]

TWITTER FOR PAGES ,[object Object]

Add App Twitter for Pages ,[object Object]

Enter Details & Select User ,[object Object]

Edit Page  App. Settings ,[object Object]

Add Tab & Save ,[object Object]

Arrange Tabs  Drag & Drop ,[object Object]

Result: Twitter for Pages ,[object Object]

App Social RSS: Add to my Page ,[object Object],[object Object]

Add App to Page ,[object Object]

Edit Page  Edit Social RSS ,[object Object]

Feeds Updated ,[object Object]

Add Tab: Application Settings ,[object Object]

Result: Blogpostings in Tab ,[object Object]

CREATING A SIMPLE APP ,[object Object]

Creating Content: PHP Code ,[object Object],[object Object],[object Object],<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 = "/lt;descriptiongt;lt;CDATA(.*)><descriptiongt;/Uis"; preg_match($suchmuster, $array_items[$n], $array_description); echo "<b>$array_title[1]</b><br>"; echo "$array_description[1] "; echo "<a href=amp;quot;$array_link[1]amp;quot; target=amp;quot;_blankamp;quot;>more</a>"; echo "<br><br>"; } echo "</ul></p>"; } ?>

PHP File in Browser ,[object Object]

Set Up New Application ,[object Object],[object Object]

Choose Application Name ,[object Object],[object Object]

Basic Settings ,[object Object]

Authentication: Enable Installable Facebook Pages ,[object Object]

Canvas: Add Canvas Page URL ,[object Object]

Result & Edit Settings ,[object Object]

Add Tab Information ,[object Object],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

Go to App Profile ,[object Object]

Edit Page: Application Settings ,[object Object]

Add App to Tab (1) ,[object Object]

Add App to Tab (2) ,[object Object]

Result: External Content ,[object Object]

Application Poll ,[object Object]

Edit Page  Wall Settings ,[object Object]

Select Default Tab for Non-Fans ,[object Object],Fans will be sent to the wall by default. This setting only applies to non-fans.

ABOUT & CONTACT ,[object Object]

About this Document ,[object Object],[object Object],[object Object],[object Object]

Any Questions? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Fancy Facebook Fan Pages - A Step By Step Guide

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (18)

Similar to Fancy Facebook Fan Pages - A Step By Step Guide

Similar to Fancy Facebook Fan Pages - A Step By Step Guide (20)

More from Olaf Nitz

More from Olaf Nitz (20)

Recently uploaded

Recently uploaded (20)

Fancy Facebook Fan Pages - A Step By Step Guide