MPORGsoft.com Web Hosting and Facebook Application Scripts
Fast Email Support sales@mporgsoft.com
Share MPORGsoft on Facebook Share
Facebook Fan Page

**Scroll to the bottom of this page if you are looking for our 3-Step Fan Page Code.**

Create your own FBML Fan Page

What will a Static FBML Fan Page do for you?
  • Viral Marketing
  • Increased Fan Base
  • Professional Look
  • Generate Revenue
  • and more...
Top Secret Facebook Fan Page Info

All of this information is available for free BUT I have compiled it and will explain it so anyone can do it!

Step 1 - Create a Facebook Fan Page
http://www.facebook.com/pages/create.php
Select a category and name for your page and click the Create Page button. Once your page is created click Become a Fan.

Step 2 - Add Static FBML to your Fan Page
Search for Static FBML or go directly to http://www.facebook.com/apps/application.php?id=4949752878

You will need to click "Allow" for the application if this is your first time using it.
Under the image on the top left Static FBML App you will see a link called "Add to my page", click it.
A window will pop up and locate the name of your fan page. The list is in alphabetical order. Once you find your Fan Page name click the Add to Page button.

Step 3 - Go Back to your Fan Page and Edit FBML
Not sure where to locate your Fan Page? Go to your Facebook profile and click the Info tab. Towards the bottom you will see an area called Pages and a link to the right that says See All. Click See All and select your Fan Page. IF you did not become a fan in step 1 search at the top of Facebook for your Fan Page name.

Now on your Fan Page click Edit Settings link at the top left under your image. Scroll down and look for FBML - FBML, click Edit.

For Box Title: enter the name for the tab. It can be anything to describe the content of the page such as Welcome, Specials, etc.

For the box labeled FBML: you can enter any HTML. Omit any <body><head><html> opening and closing tags.

Enter the below code to test:
<img src="http://mporgsoft.com/test/test.jpg">

After entering the code click at the Save Changes bottom.

Step 4 - Adding your new Tab
Click the name of your Fan Page at the top left of the page you are on.

On the row of tabs click the + sign at the far right.
Tabs
A list will appear and click the option called FBML, or what you called the FBML page as Box Title. It also will have the Static FBML icon to the left of it. Static FBML Icon

Once clicked a new tab will be added and you should see the "123 Test" image.

Again, you can add any HTML to this tab to make it as eye catching as possible. To edit the tab click the Wall tab, Edit Page link, locate the Static FBML icon under Applications and click Edit.

Step 5 - Make your new Static FBML tab the default landing page
While on the Edit Page screen from the previous step click Application Settings for the Static FBML application. Click Remove to the right of Boxes so it looks like below:
FBML Settings
Next scroll up to Wall Settings and click Edit. For the option Default Landing Tab for Everyone Else: select the name of your Static FMBL tab from the list.
Wall Permissions
Note: When testing being admin you will also be directed to the Info or Wall tab. Use a different account that is not admin of the Fan Page to test.

Step 6 - Hide Content to anyone who is not a Fan Become a Fan
Want to offer a special coupon/discount code to your Fans? You can make any part of your page hidden to non-Fans.

Update April 22, 2010
Facebook has replaced the "Become a Fan" button with a "Like" button in hopes that the new button is less aggressive and results in more "followers". The code below is still valid and works. Only the appearance and name of the button changed.

Facebook Like Button

See this feature in action on my Static FBML Fan Page here.


Go to your Wall tab, Edit Page link, locate the Static FBML icon under Applications and click Edit.
Edit FBML
To the beginning of your page add:
<fb:fbml version="1.1">
To the end of your page add:
</fb:fbml>

If you still have the test image it will look like:
<fb:fbml version="1.1">
<img src="http://mporgsoft.com/test/test.jpg">
</fb:fbml>

Your "hide to non-Fans" code is:
<fb:visible-to-connection>
</fb:visible-to-connection>

Anything between the tags will be hidden.
Try the below code:
<fb:fbml version="1.1">
<img src="http://mporgsoft.com/test/test.jpg">
<fb:visible-to-connection>
Thank you for becoming a fan!
</fb:visible-to-connection>
</fb:fbml>

Save Changes and go to your tab. Note: As admin ALL HTML will be visible to you even if you are not a fan. Use a second account to test.


Facebook's TOS disallows the practice of any Fan Page from requiring a visitor to Invite Friends to view content.


You can still add an invite friends box as shown below using the code (replacing my Fan Page URL with yours):

<div style="padding: 10px;">
<fb:request-form method="post" action="http://facebook.com/mporgsoft" type="PAGE NAME" invite="true" content="Join MPORGsoft Fan Page">
<fb:req-choice url='http://www.facebook.com/pages/Atwood-IL/MPORGSoft-Hosting-Affordable-and-Reliable-Web-Hosting/227607484520' ' label='GO' />
<fb:multi-friend-selector actiontext="Join MPORGsoft Fan Page" rows="3" showborder="true" condensed="false" style="width: 400px;" />
</fb:request-form>
</div>

You can see the friend selector in action at my Static Page.

How do I add a video to my Static FBML Fan Page?
Facebook will strip the emded tags so you will need to use FBML. The code is:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='url_of_video'
imgsrc='url_of_image' width='340' height='270' />
</fb:swf>

Looking for a more advanced FBML page? Help your Fan Page go viral quicker with the 3-step process! by © Phillip Rock 2010

Using the 3-Step Fan Page will help your Fan Page become viral by requesting that visitors:
1. Like the Fan Page.
2. Invite their friends.
3. Share, by posting to their Facebook wall.

Notice: Unlike other similar codes this 3-Step process follows Facebook's TOS. There is no 'forced' wording or gimmicks making visitors invite friends or share. They can simply click next or skip to continue to the next step. While your Fan Page will grow slower using this TOS friendly method it will assure that your hard work is not wasted by your page being deleted by using this code.

All images, buttons and text can be customized for your page.

Demo: http://www.facebook.com/MPORGsoft?v=app_6009294086

Easy to setup. Buy now for $25 $20 PayPal.



Newsletter
Join MPORGsoft's newsletter to stay informed about new products, updates, and specials.
E-mail:
Facebook App FACEBOOK APP
Own your own turnkey Facebook application. Delve into the world of multiplayer online role playing games. They are addicting and are a buzz all over Facebook! Customize to any theme you want, whether it be Dungeons and Dragons, Mob Wars, World Wars, or more. Earn a revenue stream from your players! Click Here for more info.
Facebook

Highlights COMPANY HIGHLIGHTS
We Guarantee Our Hosting
99.9% uptime guarantee

Expert Tech Support
Our team of web hosting experts are here 24/7 to help you.

Easy to Use Hosting with cPanel and Site Builder.
Services SERVICES
Secure HTML form processor FormNut.com
Secure HTML form processor - FormNut is an online service that will enable you to process your (secure) HTML forms without any programming knowledge needed. Their services come with many advanced features and can be used even for FREE!

Vote for us on Hot ScriptsListed in PHP