Fancy Facebook Fan Pages - A Step By Step Guide

  • 98,155 views
Uploaded on

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

More in: Business , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Not entirely to Facebook's ever-dynamic platform, but useful, nonetheless. :)
    Are you sure you want to
    Your message goes here
  • Old Stuff
    Are you sure you want to
    Your message goes here
  • 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
  • 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
  • http://fbc.eu.mn/

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

Views

Total Views
98,155
On Slideshare
0
From Embeds
0
Number of Embeds
70

Actions

Shares
Downloads
0
Comments
39
Likes
445

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Step by Step Guide for Creating Fancy Facebook Fan Pages by Olaf Nitz | olafnitz.net
  • 2. 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.
  • 3. 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
  • 4. GET STARTED
    • Login, Creating & Publishing a Page
  • 5. Login
    • http://www.facebook.com
    • GETTING STARTED
    Username
  • 6. Create Page
    • http://www.facebook.com/home.php ?
    • GETTING STARTED
  • 7. Select „Pages“
    • http://www.facebook.com/advertising/
    • GETTING STARTED
  • 8. Create Page
    • http://www.facebook.com/advertising/?pages
    • GETTING STARTED
  • 9. Choose Category & Create Page
    • http://www.facebook.com/pages/create.php
    • GETTING STARTED
    Features in the Info-Section depend on category
  • 10. Result: New Fan Page
    • GETTING STARTED
  • 11. Publish Page: Option 1
    • GETTING STARTED
  • 12. Publish Page: Option 2
    • GETTING STARTED
  • 13. FIRST ADAPTATIONS
    • Profile Picture & Description
  • 14. Profile Picture
    • GETTING STARTED
  • 15. Advanced Profile Picture
    • GETTING STARTED
    Canvas size: 200 px width; Background: Blue: Color #ECEFF4; 51px height; 200px width; Grey Line: Color #E0E0E8;
  • 16. Page Description
    • GETTING STARTED
    Text and Links possible
  • 17. ADD PHOTOS
    • Creating Albums, Uploading, Publishing
  • 18. Create a Photo Album
    • ADD PHOTOS
  • 19. Album Details
    • ADD PHOTOS
  • 20. Loading Java
    • ADD PHOTOS
  • 21. Select Photos
    • ADD PHOTOS
    Non-Java / Simple HTML-Upload also available
  • 22. Upload Photos
    • ADD PHOTOS
  • 23. Upload Successful
    • ADD PHOTOS
  • 24. Publish Photos
    • ADD PHOTOS
  • 25. PAGE FAVOURITES
    • Linking other Pages from your Fan Page, Creating a Network of Fan Pages
  • 26. Go to Fan Page & Add to Favourites
    • PAGE FAVOURITES
  • 27. Select Page
    • PAGE FAVOURITES
  • 28. Result: Favourite Pages
    • PAGE FAVOURITES
  • 29. VANITY URLS
    • Creating Custom Short-URLs
  • 30. 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.
  • 31. Choose Page
    • http://www.facebook.com/username/
    • VANITY URLS
  • 32. Choose Username
    • http://www.facebook.com/username/
    • VANITY URLS
  • 33. Result: Vanity URL
    • VANITY URLS
  • 34. CUSTOM TABS
    • Adding your own Text & Graphics
  • 35. Search App
    • CUSTOM TABS
  • 36. Search FBML App
    • http://www.facebook.com/apps/directory.php
    • CUSTOM TABS
  • 37. Select „Static FBML“
    • CUSTOM TABS
  • 38. Add App to Page
    • http://www.facebook.com/apps/application.php?id=4949752878&ref=appd
    • CUSTOM TABS
  • 39. Choose Page
    • CUSTOM TABS
  • 40. Edit App
    • Edit Page
    • CUSTOM TABS
  • 41. Insert HTML / FBML
    • CUSTOM TABS
    • Dos:
    • HTML
    • HTML forms
    • Internal CSS
    • outgoing links
    • external images
    • Don‘ts:
    • external Javascript
    • external CSS
  • 42. Option: Add another FBML Box
    • CUSTOM TABS
  • 43. Edit App Settings
    • CUSTOM TABS
  • 44. Add App to Tabs / Boxes
    • CUSTOM TABS
  • 45. Arrange Tabs: Drag & Drop
    • CUSTOM TABS
  • 46. Move App from Boxes to Wall Tab
    • CUSTOM TABS
  • 47. Wall Tab: Result
    • CUSTOM TABS
    Image width: 200 Pixel
  • 48. VIDEO APP
    • Uploading Videos,
    • Recording with your Webcam
  • 49. App: Video  Add to Page
    • http://www.facebook.com/apps/application.php?id=2392950137
    • VIDEO APP
  • 50. Choose Page  Add to Page
    • VIDEO APP
  • 51. Edit Page Settings  Video Edit
    • VIDEO APP
  • 52. Add Videos
    • VIDEO APP
  • 53. Select file on your Computer
    • VIDEO APP
  • 54. Agree to Terms of Service
    • VIDEO APP
  • 55. Upload Video & Enter Info
    • VIDEO APP
  • 56. Save Info
    • VIDEO APP
  • 57. Video Processing
    • VIDEO APP
  • 58. Result: Video
    • VIDEO APP
  • 59. Result: Video
    • VIDEO APP
  • 60. Result: Video
    • VIDEO APP
  • 61. Record Video from Webcam
    • VIDEO APP: WEBCAM
  • 62. Settings Adobe Flash Player
    • VIDEO APP: WEBCAM
  • 63. Close
    • VIDEO APP: WEBCAM
  • 64. Record Video
    • VIDEO APP: WEBCAM
  • 65. Record Video & Stop
    • VIDEO APP: WEBCAM
  • 66. Save Video
    • VIDEO APP: WEBCAM
  • 67. Save Video
    • VIDEO APP: WEBCAM
  • 68. Enter Info & Save
    • VIDEO APP: WEBCAM
  • 69. Result: Webcam Video
    • VIDEO APP: WEBCAM
  • 70. YOUTUBE PLAYER
    • Adding a Video Playlist of Youtube Videos
  • 71. App: Youtube Player
    • http://www.facebook.com/apps/application.php?id=6916954478
    • YOUTUBE PLAYER
  • 72. Add App to your Page
    • YOUTUBE PLAYER
  • 73. Edit Page  Edit
    • YOUTUBE PLAYER
  • 74. Allow Access
    • YOUTUBE PLAYER
  • 75. Add Videos
    • YOUTUBE PLAYER
  • 76. Enter Videos & Save
    • YOUTUBE PLAYER
  • 77. Edit Page  Application Settings
    • YOUTUBE PLAYER
  • 78. Add Videos to Tabs
    • YOUTUBE PLAYER
  • 79. Result  Arrange Tab
    • YOUTUBE PLAYER
  • 80. Result: Youtube Player
    • YOUTUBE PLAYER
  • 81. YOUTUBE VIDEO BOX
    • Adding Youtube Videos
  • 82. Add App to Page
    • http://www.facebook.com/apps/application.php?id=3801015922
    • YOUTUBE VIDEO BOX
  • 83. Select Page
    • YOUTUBE VIDEO BOX
  • 84. Edit Page  Edit Settings
    • YOUTUBE VIDEO BOX
  • 85. Add Videos from Youtube
    • YOUTUBE VIDEO BOX
  • 86. Add Youtube URL
    • YOUTUBE VIDEO BOX
  • 87. Edit Details & Save Video
    • YOUTUBE VIDEO BOX
  • 88. Back to Page Videos
    • YOUTUBE VIDEO BOX
  • 89. Add another Video
    • YOUTUBE VIDEO BOX
  • 90. Save URL
    • YOUTUBE VIDEO BOX
  • 91. Edit Details & Save
    • YOUTUBE VIDEO BOX
  • 92. Back to Page Videos
    • YOUTUBE VIDEO BOX
  • 93. Page Videos
    • YOUTUBE VIDEO BOX
  • 94. Edit Application Settings
    • YOUTUBE VIDEO BOX
  • 95. Add App to Tab
    • YOUTUBE VIDEO BOX
  • 96. Save Settings
    • YOUTUBE VIDEO BOX
  • 97. Arrange Tabs
    • YOUTUBE VIDEO BOX
  • 98. Result Youtube Video Box
    • YOUTUBE VIDEO BOX
  • 99. TWITTER FOR PAGES
    • Integrating your Tweets
  • 100. Choose Page
    • http://www.facebook.com/add.php?api_key=6f77619e603ca9b71b45f5cd105be888&pages
    • TWITTER FOR PAGES
  • 101. Add App Twitter for Pages
    • TWITTER FOR PAGES
  • 102. Enter Details & Select User
    • TWITTER FOR PAGES
  • 103. Continue
    • TWITTER FOR PAGES
  • 104. Edit Page  App. Settings
    • TWITTER FOR PAGES
  • 105. Add Tab
    • TWITTER FOR PAGES
  • 106. Add Tab & Save
    • TWITTER FOR PAGES
  • 107. Arrange Tabs  Drag & Drop
    • TWITTER FOR PAGES
  • 108. Result: Twitter for Pages
    • TWITTER FOR PAGES
  • 109. RSS / BLOG
    • Integrating a Blog
  • 110. App Social RSS: Add to my Page
    • http://www.facebook.com/apps/application.php?id=23798139265
    • RSS / BLOG
  • 111. Add App to Page
    • RSS / BLOG
  • 112. Edit Page  Edit Social RSS
    • RSS / BLOG
  • 113. Add RSS Feed
    • RSS / BLOG
  • 114. Updating…
    • RSS / BLOG
  • 115. Feeds Updated
    • RSS / BLOG
  • 116. Add Tab: Application Settings
    • RSS / BLOG
  • 117. Add Tab
    • RSS / BLOG
  • 118. Add Tab & Save
    • RSS / BLOG
  • 119. Result: Blogpostings in Tab
    • RSS / BLOG
  • 120. CREATING A SIMPLE APP
    • Content from a Website on Facebook
  • 121. 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;; } ?>
  • 122. PHP File in Browser
    • CREATING A SIMPLE APP
  • 123. Set Up New Application
    • http://www.facebook.com/developers/
    • CREATING A SIMPLE APP
  • 124. Choose Application Name
    • http://www.facebook.com/developers/createapp.php
    • CREATING A SIMPLE APP
  • 125. Basic Settings
    • CREATING A SIMPLE APP
  • 126. Authentication: Enable Installable Facebook Pages
    • CREATING A SIMPLE APP
  • 127. Canvas: Add Canvas Page URL
    • CREATING A SIMPLE APP
  • 128. Result & Edit Settings
    • CREATING A SIMPLE APP
  • 129. 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
  • 130. Go to App Profile
    • CREATING A SIMPLE APP
  • 131. Add App to Page
    • CREATING A SIMPLE APP
  • 132. Add App to Page
    • CREATING A SIMPLE APP
  • 133. Edit Page: Application Settings
    • CREATING A SIMPLE APP
  • 134. Add App to Tab (1)
    • CREATING A SIMPLE APP
  • 135. Add App to Tab (2)
    • CREATING A SIMPLE APP
  • 136. Result: External Content
    • CREATING A SIMPLE APP
  • 137. POLLS
  • 138. Application Poll
    • http://www.facebook.com/apps/application.php?id=20678178440
  • 139. Add App to Page
  • 140. Create Poll
  • 141. Enter Questions & Options
  • 142. Publish Poll
  • 143. Result: Poll on the Wall
  • 144. Poll in „Boxes“
  • 145. Poll in the Wall Tab
  • 146. Result: Poll
  • 147. LANDINGTAB
    • Seding the user to a specific tab
  • 148. Edit Page  Wall Settings
    • LANDINGTAB
  • 149. Select Default Tab for Non-Fans
    • LANDINGTAB
    Fans will be sent to the wall by default. This setting only applies to non-fans.
  • 150. Select Tab
    • LANDINGTAB
  • 151. ABOUT & CONTACT
    • Final Things
  • 152. 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
  • 153. 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!