• Save
Fancy Facebook Fan Pages  - A Step By Step Guide
Upcoming SlideShare
Loading in...5
×
 

Fancy Facebook Fan Pages - A Step By Step Guide

on

  • 107,279 views

Step by Step Guide for Creating Facebook Fan Pages including Polls, Twitter, Photos, Youtube, RSS / Blogs, Landingtab, Vanity URLs

Step by Step Guide for Creating Facebook Fan Pages including Polls, Twitter, Photos, Youtube, RSS / Blogs, Landingtab, Vanity URLs

Statistics

Views

Total Views
107,279
Views on SlideShare
88,789
Embed Views
18,490

Actions

Likes
445
Downloads
0
Comments
40

191 Embeds 18,490

http://thaisme.ning.com 8946
http://karrierebibel.de 2394
http://www.slideshare.net 881
http://ansteckend.com 762
http://traveltechnologies.blogspot.com 535
http://blog.websourcing.fr 468
http://guide.gaccha.jp 395
http://www.myfashionemallblog.net 351
http://adsdigitalmedia.blogspot.com 312
http://cyberinfopro.com 259
http://traveltechnologies.blogspot.de 243
http://olafnitz.net 235
http://192.168.0.102 201
http://192.168.0.102 201
http://www.zoharurian.com 159
http://social-media-lab.wikispaces.com 156
http://www.twittwoch.de 125
http://blog.reif.org 120
url_unknown 113
http://www.conseilsmarketing.fr 95
http://sam.liho.tw 87
http://www.facebookrssfeed.com 66
http://www.nikableu.com 62
http://www.digitalks.at 61
http://ya.topbot.ru 57
http://tp.posterous.com 53
http://www.samtseng.liho.tw 48
http://www.anikageisel.de 47
http://b-smartmarketing.com 41
http://ya.topbloger.ru 32
http://tranbinhquan.blogspot.com 32
http://www.conseilsmarketing.com 26
http://static.slidesharecdn.com 24
http://www.sz 23
http://www.45ers.de 22
http://www.socialmediainstitute.nl 22
http://traveltechnologies.blogspot.in 21
http://traveltechnologies.blogspot.ca 20
http://traveltechnologies.blogspot.co.uk 20
http://www.szárazattila.hu 20
http://www.eastservices.de 19
http://traveltechnologies.blogspot.co.at 18
http://ennome.blogspot.com 17
http://www.nuwavdigital.com 17
http://21.megirot.com 16
http://www.e-presentations.us 16
http://jacopoattardo.wordpress.com 16
http://www.nuwavpublishing.com 16
http://www.xn--szrazattila-l7a.hu 16
http://traveltechnologyconsultancy.posterous.com 15
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 40 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Not entirely to Facebook's ever-dynamic platform, but useful, nonetheless. :)
    Are you sure you want to
    Your message goes here
    Processing…
  • Old Stuff
    Are you sure you want to
    Your message goes here
    Processing…
  • I have some you tube video. I want to submit them in various sites. http://www.outdoordesignershade.com.au/awnings.html
    Are you sure you want to
    Your message goes here
    Processing…
  • This slide is very useful. But it's not adaptive with new Facebook platform now.
    Are you sure you want to
    Your message goes here
    Processing…
  • http://fbc.eu.mn/

    Seriously gives out free FB credits!
    Are you sure you want to
    Your message goes here
    Processing…

110 of 40

Post Comment
Edit your comment

Fancy Facebook Fan Pages  - A Step By Step Guide Fancy Facebook Fan Pages - A Step By Step Guide Presentation Transcript

  • Step by Step Guide for Creating Fancy Facebook Fan Pages by Olaf Nitz | olafnitz.net
  • 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.
  • Agenda
    • 5 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
  • GET STARTED
    • Login, Creating & Publishing a Page
  • Login
    • http://www.facebook.com
    • GETTING STARTED
    Username
  • Create Page
    • http://www.facebook.com/home.php ?
    • GETTING STARTED
  • Select „Pages“
    • http://www.facebook.com/advertising/
    • GETTING STARTED
  • Create Page
    • http://www.facebook.com/advertising/?pages
    • GETTING STARTED
  • Choose Category & Create Page
    • http://www.facebook.com/pages/create.php
    • GETTING STARTED
    Features in the Info-Section depend on category
  • Result: New Fan Page
    • GETTING STARTED
  • Publish Page: Option 1
    • GETTING STARTED
  • Publish Page: Option 2
    • GETTING STARTED
  • FIRST ADAPTATIONS
    • Profile Picture & Description
  • Profile Picture
    • GETTING STARTED
  • Advanced Profile Picture
    • GETTING STARTED
    Canvas size: 200 px width; Background: Blue: Color #ECEFF4; 51px height; 200px width; Grey Line: Color #E0E0E8;
  • Page Description
    • GETTING STARTED
    Text and Links possible
  • ADD PHOTOS
    • Creating Albums, Uploading, Publishing
  • Create a Photo Album
    • ADD PHOTOS
  • Album Details
    • ADD PHOTOS
  • Loading Java
    • ADD PHOTOS
  • Select Photos
    • ADD PHOTOS
    Non-Java / Simple HTML-Upload also available
  • Upload Photos
    • ADD PHOTOS
  • Upload Successful
    • ADD PHOTOS
  • Publish Photos
    • ADD PHOTOS
  • PAGE FAVOURITES
    • Linking other Pages from your Fan Page, Creating a Network of Fan Pages
  • Go to Fan Page & Add to Favourites
    • PAGE FAVOURITES
  • Select Page
    • PAGE FAVOURITES
  • Result: Favourite Pages
    • PAGE FAVOURITES
  • VANITY URLS
    • Creating Custom Short-URLs
  • 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.
  • Choose Page
    • http://www.facebook.com/username/
    • VANITY URLS
  • Choose Username
    • http://www.facebook.com/username/
    • VANITY URLS
  • Result: Vanity URL
    • VANITY URLS
  • CUSTOM TABS
    • Adding your own Text & Graphics
  • Search App
    • CUSTOM TABS
  • Search FBML App
    • http://www.facebook.com/apps/directory.php
    • CUSTOM TABS
  • Select „Static FBML“
    • CUSTOM TABS
  • Add App to Page
    • http://www.facebook.com/apps/application.php?id=4949752878&ref=appd
    • CUSTOM TABS
  • Choose Page
    • CUSTOM TABS
  • Edit App
    • Edit Page
    • CUSTOM TABS
  • Insert HTML / FBML
    • CUSTOM TABS
    • Dos:
    • HTML
    • HTML forms
    • Internal CSS
    • outgoing links
    • external images
    • Don‘ts:
    • external Javascript
    • external CSS
  • Option: Add another FBML Box
    • CUSTOM TABS
  • Edit App Settings
    • CUSTOM TABS
  • Add App to Tabs / Boxes
    • CUSTOM TABS
  • Arrange Tabs: Drag & Drop
    • CUSTOM TABS
  • Move App from Boxes to Wall Tab
    • CUSTOM TABS
  • Wall Tab: Result
    • CUSTOM TABS
    Image width: 200 Pixel
  • VIDEO APP
    • Uploading Videos,
    • Recording with your Webcam
  • App: Video  Add to Page
    • http://www.facebook.com/apps/application.php?id=2392950137
    • VIDEO APP
  • Choose Page  Add to Page
    • VIDEO APP
  • Edit Page Settings  Video Edit
    • VIDEO APP
  • Add Videos
    • VIDEO APP
  • Select file on your Computer
    • VIDEO APP
  • Agree to Terms of Service
    • VIDEO APP
  • Upload Video & Enter Info
    • VIDEO APP
  • Save Info
    • VIDEO APP
  • Video Processing
    • VIDEO APP
  • Result: Video
    • VIDEO APP
  • Result: Video
    • VIDEO APP
  • Result: Video
    • VIDEO APP
  • Record Video from Webcam
    • VIDEO APP: WEBCAM
  • Settings Adobe Flash Player
    • VIDEO APP: WEBCAM
  • Close
    • VIDEO APP: WEBCAM
  • Record Video
    • VIDEO APP: WEBCAM
  • Record Video & Stop
    • VIDEO APP: WEBCAM
  • Save Video
    • VIDEO APP: WEBCAM
  • Save Video
    • VIDEO APP: WEBCAM
  • Enter Info & Save
    • VIDEO APP: WEBCAM
  • Result: Webcam Video
    • VIDEO APP: WEBCAM
  • YOUTUBE PLAYER
    • Adding a Video Playlist of Youtube Videos
  • App: Youtube Player
    • http://www.facebook.com/apps/application.php?id=6916954478
    • YOUTUBE PLAYER
  • Add App to your Page
    • YOUTUBE PLAYER
  • Edit Page  Edit
    • YOUTUBE PLAYER
  • Allow Access
    • YOUTUBE PLAYER
  • Add Videos
    • YOUTUBE PLAYER
  • Enter Videos & Save
    • YOUTUBE PLAYER
  • Edit Page  Application Settings
    • YOUTUBE PLAYER
  • Add Videos to Tabs
    • YOUTUBE PLAYER
  • Result  Arrange Tab
    • YOUTUBE PLAYER
  • Result: Youtube Player
    • YOUTUBE PLAYER
  • YOUTUBE VIDEO BOX
    • Adding Youtube Videos
  • Add App to Page
    • http://www.facebook.com/apps/application.php?id=3801015922
    • YOUTUBE VIDEO BOX
  • Select Page
    • YOUTUBE VIDEO BOX
  • Edit Page  Edit Settings
    • YOUTUBE VIDEO BOX
  • Add Videos from Youtube
    • YOUTUBE VIDEO BOX
  • Add Youtube URL
    • YOUTUBE VIDEO BOX
  • Edit Details & Save Video
    • YOUTUBE VIDEO BOX
  • Back to Page Videos
    • YOUTUBE VIDEO BOX
  • Add another Video
    • YOUTUBE VIDEO BOX
  • Save URL
    • YOUTUBE VIDEO BOX
  • Edit Details & Save
    • YOUTUBE VIDEO BOX
  • Back to Page Videos
    • YOUTUBE VIDEO BOX
  • Page Videos
    • YOUTUBE VIDEO BOX
  • Edit Application Settings
    • YOUTUBE VIDEO BOX
  • Add App to Tab
    • YOUTUBE VIDEO BOX
  • Save Settings
    • YOUTUBE VIDEO BOX
  • Arrange Tabs
    • YOUTUBE VIDEO BOX
  • Result Youtube Video Box
    • YOUTUBE VIDEO BOX
  • TWITTER FOR PAGES
    • Integrating your Tweets
  • Choose Page
    • http://www.facebook.com/add.php?api_key=6f77619e603ca9b71b45f5cd105be888&pages
    • TWITTER FOR PAGES
  • Add App Twitter for Pages
    • TWITTER FOR PAGES
  • Enter Details & Select User
    • TWITTER FOR PAGES
  • Continue
    • TWITTER FOR PAGES
  • Edit Page  App. Settings
    • TWITTER FOR PAGES
  • Add Tab
    • TWITTER FOR PAGES
  • Add Tab & Save
    • TWITTER FOR PAGES
  • Arrange Tabs  Drag & Drop
    • TWITTER FOR PAGES
  • Result: Twitter for Pages
    • TWITTER FOR PAGES
  • RSS / BLOG
    • Integrating a Blog
  • App Social RSS: Add to my Page
    • http://www.facebook.com/apps/application.php?id=23798139265
    • RSS / BLOG
  • Add App to Page
    • RSS / BLOG
  • Edit Page  Edit Social RSS
    • RSS / BLOG
  • Add RSS Feed
    • RSS / BLOG
  • Updating…
    • RSS / BLOG
  • Feeds Updated
    • RSS / BLOG
  • Add Tab: Application Settings
    • RSS / BLOG
  • Add Tab
    • RSS / BLOG
  • Add Tab & Save
    • RSS / BLOG
  • Result: Blogpostings in Tab
    • RSS / BLOG
  • CREATING A SIMPLE APP
    • Content from a Website on Facebook
  • Creating Content: PHP Code
    • Example: Including Twitter via RSS
    • Upload PHP-File to a Server
    • CREATING A SIMPLE APP
    <style type=&quot;text/css&quot;> 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 = &quot;http://twitter.com/statuses/user_timeline/957101.rss&quot;; $number = 7; $file_content = @file_get_contents($url); $items = preg_match_all(&quot;/<item[ ]?.*>(.*)</item>/Uis&quot;, $file_content, $array_items); $array_items = $array_items[1]; if(!empty($array_items)) { if ($number>sizeof($array_items)) $number=sizeof($array_items); echo &quot;<p>&quot;; for($n=0;$n<$number;$n++) { preg_match(&quot;/<link>(.*)</link>/Uis&quot;, $array_items[$n], $array_link); preg_match(&quot;/<title>(.*)</title>/Uis&quot;, $array_items[$n], $array_title); preg_match(&quot;/<pubDate>(.*)</pubDate>/Uis&quot;, $array_items[$n], $array_pubdate); $suchmuster = &quot;/<description><![CDATA[(.*)]]gt;</description>/Uis&quot;; preg_match($suchmuster, $array_items[$n], $array_description); echo &quot;<b>$array_title[1]</b><br>&quot;; echo &quot;$array_description[1] &quot;; echo &quot;<a href=&quot;$array_link[1]&quot; target=&quot;_blank&quot;>more</a>&quot;; echo &quot;<br><br>&quot;; } echo &quot;</ul></p>&quot;; } ?>
  • PHP File in Browser
    • CREATING A SIMPLE APP
  • Set Up New Application
    • http://www.facebook.com/developers/
    • CREATING A SIMPLE APP
  • Choose Application Name
    • http://www.facebook.com/developers/createapp.php
    • CREATING A SIMPLE APP
  • Basic Settings
    • CREATING A SIMPLE APP
  • Authentication: Enable Installable Facebook Pages
    • CREATING A SIMPLE APP
  • Canvas: Add Canvas Page URL
    • CREATING A SIMPLE APP
  • Result & Edit Settings
    • CREATING A SIMPLE APP
  • 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
  • Go to App Profile
    • CREATING A SIMPLE APP
  • Add App to Page
    • CREATING A SIMPLE APP
  • Add App to Page
    • CREATING A SIMPLE APP
  • Edit Page: Application Settings
    • CREATING A SIMPLE APP
  • Add App to Tab (1)
    • CREATING A SIMPLE APP
  • Add App to Tab (2)
    • CREATING A SIMPLE APP
  • Result: External Content
    • CREATING A SIMPLE APP
  • POLLS
  • Application Poll
    • http://www.facebook.com/apps/application.php?id=20678178440
  • Add App to Page
  • Create Poll
  • Enter Questions & Options
  • Publish Poll
  • Result: Poll on the Wall
  • Poll in „Boxes“
  • Poll in the Wall Tab
  • Result: Poll
  • LANDINGTAB
    • Seding the user to a specific tab
  • Edit Page  Wall Settings
    • LANDINGTAB
  • Select Default Tab for Non-Fans
    • LANDINGTAB
    Fans will be sent to the wall by default. This setting only applies to non-fans.
  • Select Tab
    • LANDINGTAB
  • ABOUT & CONTACT
    • Final Things
  • 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. Currently he 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
  • 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!