I will go through this step by step but feel free to skip ahead sections if you already know the basics.
1. Edit Your Page
Go to your Facebook page and click on edit page in the left hand menu, just under your page picture.
2. Add The Static FBML Application
How you add it always keeps changing. I think as I do this tutorial this is the 3rd layout change to adding applications. So when you read this if it is no longer relevant do a quick Google search to find the latest way.
Add the Static FBML application. It is at the bottom of the screen. If it isn’t, click on browse applications and search for the name ‘Static FBML’.
3. Go To The Static FBML Application
Now this application will be on your list of applications. So click the go to application link.
4. Enter In The FBML
First, name your tab in the field ‘Box Title:’. It can be Suggest To Friends or Invite Others To This Page or something far more appealing than those last 2 suggestions.
Now in the field ‘FBML:’ enter the following. Please change the red text to what is appropriate for your page.
<fb:request-form method=”post” action=”http://on.fb.me/h2Zzcf” type=”Binkd” invite=”false” content=”<fb:req-choice url=’http://www.facebook.com/binkd‘ label=’GO’ /> ” >
<fb:multi-friend-selector actiontext=”Tell your friends about Binkd!” cols=”3″ showborder=”true” />
[PLEASE READ]: Due to a bug in Facebook still not fixed as of the 30th December 2010, you need to add the redirect of the form to an external url. So in the Action=”” section of the code above you will see http://on.fb.me/H2Zzcf . This is a redirect link back to the wall of my page. Here is how I generated it. Go to: http://www.bit.ly and enter in the url for the wall of your facebook page. e.g. http://www.facebook.com/binkd?v=wall and press shorten. You will get a URL similar to mine. Next copy and paste that into the action field in your FBML code. This will fix the “Sorry, your request could not be processed” error.
It is also good to note the cols=”3″ is the number of columns of friends it will show. It is best to keep that at 3 due to the width restrictions on your page. You can also add rows=”3″ to limit the number of rows is shows before scrolling. This is great if you wish to have other content on this FBML page as well.
Now click on save and go to your Facebook page. You will see the new tab as you named it in the Box Title.
In the end you should end up with something like this: