How to Build a Facebook Landing Page for Your Business : Technol. An Introduction to Facebook Page Development and FBML(Facebook M. Edit FBML for Blogging Basics 101. How to make custom Facebook Fan Page tabs with FBML, Part 2 | Bl. UPDATE 2-14-2011: FBML is going away – learn about Facebook iframe tabs on Facebook Pages here UPDATE 3-10-2011: Easily create and manage custom Facebook Page Tabs with SplashLab Social – Now available!
Read Part 1 Here. Quick and Dirty Custom Facebook Page Tabs and Boxes The fastest and easiest way to add custom Tabs to a Page is with the Static FBML application. Assuming you have a Facebook Fan Page already, you can get started by visiting the Static FBML App’s Page, and click on “Add to my Page” underneath the logo in the top left. It’s hard to beat the Static FBML app in terms of speed and simplicity.
Advanced Custom Facebook Page Tabs To make a “fancy”, dynamic Tab like I did for the Chili Pepper page on Facebook, you need to create a new Facebook Application. There are many great tutorials that provide detailed instructions on how to do all this, so rather than reinvent the wheel I’ll provide some links to these resources: Using the resources above you can create a Facebook App. If( ! Pages You Admin. Developers | Tools. San Francisco Bay Area Web Development + Web Site Design + SEO M. Step by Step Guide to Creating a First Facebook App at aleatory.
I’ve seen some how-to guides for getting started writing facebook apps on the web but none really cover everything from start to finish. Even Facebook’s own documentation is somewhat disappointing. So to help others find their way around Facebook markup and the life cycle of a Facebook application here is a simple tutorial.It is a very basic app which aims to display a web image of the user’s choice a) in miniature on their profile, and b) in full on the application’s own canvas page.
What is a canvas page? Simply the main page of your application that the user sees each time they click on your app. Prereqs: What you’ll need – an account on Facebook and a web hosting provider who will run php scripts and allows you to set up a database. Now it’s time to create your viral hit. Step 2: Config on your side Now for the config in your php script.
You are now ready to interact with the Facebook api. Step 3: Where to begin? The above code looks for a ‘user’ variable in the http query. How to Add Google Analytics to Facebook Fan Pages. How to Add Google Analytics to Your Facebook Fan Page | Social M. You’ve created a Facebook fan page and people are frequenting your page. But do you really know how many people visit your page, what areas are popular and what parts of the world your visitors come from? Facebook Insights shows some demographic information on your page, but is limited to information about interactions with your fans. The free Google Analytics tool offers more sophisticated and comprehensive data. Adding Google Analytics to your fan page can be done easily but requires some special steps. One of the limitations of Facebook fan pages is they can only run limited JavaScript.
However, there is a new solution. What follows are the instructions to set up Google Analytics tracker on your Facebook fan page. . #1: Create a Google Analytics account If you already have a Google Analytics account, create a new website profile to separately track visits to your Facebook fan page. Where it says "Add a Profile After the step above, Google will display your tracking code. Facebook Static FBML App 520px Site Template - Site Templates - UPDATED – 05-20-2010 – This Facebook Static FBML template was created to meet the needs of those looking to add a flash file to their Facebook FBML application to display extra special content without having to know in-depth Ajax code.
Facebook is trimming the size of their Fan Page area from 760px to 520px leaving limited space to personalize pages. Facebook has also gotten rid of iframing. This flash file is 520px x 700px and is easy to edit. The site is XML driven. The site contains a home page, of which you can pull in an RSS feed. The Video Gallery allows users to have multiple YouTube videos in one spot. Live Facebook Demo Example Also included in the instructions is how to install the Static FBML App to your Fan Page, essentially a walkthrough on how to install the flash file into Facebook Fan/Likes page, from start to finish, and some other ‘good practices’ for creating a successful Fan Page.
How-to Guides. Include files. Blog RSS Feed Reader. Facebook Static FBML – External Stylesheets No Longer Work – CSS. HOW TO HOST EXTERNAL STYLE SHEETS: New tutorial on how to set up free hosting of your external CSS stylesheet and images using Google Sites… UPDATE Jul 31 2010: Again, inlining your CSS styles via the <style> tag isn’t working with Internet Explorer 8. If you call an external style sheet via the <link> tag, then IE 8 is happy. This is a problem on Facebook’s side, as nothing changed in the past few days with IE 8 and Facebook is constantly fiddling with their API.
UPDATE Apr 17 2010: It seems that external calls to CSS are working again, after some days of not working. You can no longer use the <link> tag to call an external stylesheet: However, after much testing here at HyperArts, I’ve determined that the use of the <style type=”text/css”>[CSS rules]</style> works across the major browsers on both Macs and PCs: In my previous post on CSS and Static FBML, I’d stated that Internet Explorer didn’t support the <style></style> tag, but now it does (even IE 6!) Static FBML Facebook Page Application Tutorial – Customize your. NEW: HyperArts Comprehensive Static FBML Guide — Adding, Testing & Troubleshooting!
This is a how-to article on expanding your Facebook Fan Page (aka Business Page) by using the application Static FBML which allows you to add new “application tabs” to your tabs or box which can incorporate CSS, HTML, Facebook’s flavor of JavaScript, FBJS, and Facebook’s mark-up language FBML. FBML has greatly expanded what is possible on Facebook Pages and, if you’re sufficiently skilled with CSS/HTML and, optionally, FBML, you can make some really fine looking Pages. You can check out our Fan Page Portfolio to see some of the pages we’ve developed. Static FBML Fan Page Templates – Clean, Professional, Ready to Use Also, we offer a number of ready-to-go Static FBML Fan Page templates for sale.
The code is clean and Standards-compliant and displays well in all modern browsers (even Internet Explorer 6!). Problems? If you have problems, you should definitely check out these articles: Embedding RSS and Twitter onto Static FBML? Intro to Static FBML. How To Set Up A Facebook RSS Feed Reader Application For Your Bl. 5 Build The Feed Reader Now that you've gained a small insight into how Facebook applications work, we can start to build our RSS Feed Reader. First, we need some kind of script that can parse RSS feeds and help us create HTML from it. A great tool to do this is MagpieRSS (written in PHP). Please read this tutorial to learn how MagpieRSS can be used (I won't go into the details here): Easy RSS Syndication with MagpieRSS Now let's download and install MagpieRSS in a subdirectory of our Feed Reader app, /var/www/fb/htf_feed_reader/rss: mkdir /var/www/fb/htf_feed_reader/rss cd /var/www/fb/htf_feed_reader/rss wget tar xvfz magpierss-0.72.tar.gz cd magpierss-0.72 cp rss_* ../ cp -fr extlib/ ../ cd .. rm -fr magpierss-0.72* cd /var/www/fb/htf_feed_reader mkdir magpie_cache chmod 777 magpie_cache vi /var/www/fb/htf_feed_reader/index.php.
How To Set Up A Facebook RSS Feed Reader Application For Your Bl. Version 1.0 Author: Falko Timme <ft [at] falkotimme [dot] com> Last edited 08/31/2007 This guide shows how you can build an RSS feed reader application for the social network Facebook that will display your blog's/web site's RSS feed on the profile pages of Facebook users (that have installed the RSS feed reader application). Each item of the RSS feed will have a Share button so that people can share the story with their friends, and the application will have an Invite link so that people can invite up to ten friends at once to also install this feed reader application.
I will use PHP5 to build the RSS feed reader application. To parse the RSS feed and generate HTML from it, I will use Magpie RSS. You can see this application in action by installing the HowtoForge RSS Feed Reader for Facebook. This document comes without warranty of any kind! 1 Preliminary Note As I mentioned before, I'm using PHP5 to build this application, using Facebook's PHP Client Library. 2 Set Up A New Application.
Mass Media Group: Create a Twitter-Like “Load More” Widget.