Facebook 3 Step FBML Code

Razorbl · Mar 13, 2010

Ok , my english is bad , so i'll go short.
Here is the basic code for 3 step facebook page.
Copy this code to FBML and see results.

Code:

<h1>To view this video you need to complete following steps:</h1>
<h2>Step 1: Click <img src="http://i38.tinypic.com/ubh2a.jpg"> button</h2>
<br></br>
<fb:visible-to-connection>
<a  class="UIButton UIButton_Gray UIActionButton" clicktoshow="step2"><span class="UIButton_Text">Step 2>>>></a>

<br></br>
<div id="step2" style="display:none;"><fb:request-form method="post" type="FACEBOOK FAN PAGE NAME" clicktohide="step2" clicktoshow="step3" invite="true" 4	content="Text to invite your friends. <fb:req-choice url='FACEBOOK FAN PAGE URL' ' label='GO' /> "> 5	<fb:multi-friend-selector actiontext="Invite Box Title" rows="2" showborder="true" condensed="false" style="width: 140px;" /> 6	</fb:request-form>

</div>

<div id="step3" style="display:none;"><a  class="UIButton UIButton_Gray UIActionButton" href="http://www.google.com"><span class="UIButton_Text">Finish</a>
</div>










</fb:visible-to-connection>








<div align="right">
	    <div class="commentable_item one_row_add_box autoexpand_mode comment_form_307559724893" style="width: 380px;">
	        <div class="comment_box" data-ft='{"type":"ufi"}'>
	            <div class="comment_box_nub">
	            </div>
	            <div class="like_box ufi_section">
	                <div class="UIImageBlock clearfix">
	                    <i class="UIImageBlock_Image UIImageBlock_ICON_Image img spritemap_icons sx_icons_like_on"/>
	                    <div class="UIImageBlock_Content UIImageBlock_ICON_Content">
	                        <a rel="dialog" title="Click to see people who like this item" href="#">834 people</a>
	                        like this.
	                    </div>
	                </div>
	            </div>
	            <div class="feed_comments">
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_1">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/v22942/1828/61/q1392065583_8530.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Noah</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Holy Sh!t dude thank you!
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                4 hours ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_2">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/hprofile-ak-sf2p/hs301.ash1/23081_509648816_9270_q.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Alyssa</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                wow level 213 already because of this.
	                            </div>ye
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                3 hours ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_3">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/v223/295/49/q1232503228_2149.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Sophia</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Add me Daily Player.
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                about an hour ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_4">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/hprofile-ak-sf2p/hs306.ash1/23184_100000723047519_4369_q.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Alexander</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Add me please
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                about an hour ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_5">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/v22942/1828/61/q1392065583_8530.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">David</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Amazing lmao!
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                about an hour ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div class="ufi_section comments_add_box clearfix">
	                	<div style="display: none;"><div fbcontext="9dda45fa6779" id="app4949752878_moderated"><h2 class="dialog_title"><span>
						        Comment
						    </span></h2><div style="padding: 10px;" class="app_content_4949752878">Your comment is awaiting approval.  	
						    </div><div class="dialog_buttons"><input type="button" onclick='FBML.closeDialogInvoked("app4949752878_moderated");' value="Close" name="confirm" class="inputsubmit"/></div></div></div>
	                    <textarea name="add_comment_text" class="add_comment_text DOMControl_autogrow" placeholder="Write a comment...">Write a comment...</textarea>
	                    <img class="UIProfileImage UIProfileImage_SMALL img"/><span class="comments_add_box_submit clearfix UIButton UIButton_Blue UIFormButton"><input type="button" onclick='FBML.clickToShowDialog("app4949752878_moderated");return false;' clicktoshowdialog="moderated" value="Comment" class="UIButton_Text" name="comment"/></span>
	                
					
					</div>

This is very basic code ,just to get the idea how it works, took me 5 mins to create . If you have any question just post here

Razorbl · Mar 13, 2010

I'll explain a little bit of how it works . Well firstly we create a none displayed div like <div id="step1" style="display:none;">content of step 1</div> id="step1" is a name of the div . We have created a div with name step1 , now we need to create a button which calls div named step1 <a class="UIButton UIButton_Gray UIActionButton" clicktoshow="step1"><span class="UIButton_Text">Step 1>>>></a>

I hope you understand the idea behind this

HowardOnline · Mar 13, 2010

but the button that brings up the friend leaderboard doesn't work. what you gave is just a skeleton

Razorbl · Mar 13, 2010

Ye , thats wha i meant to give.

Matt123 · Mar 13, 2010

In other words you want to show your codding skill and see if people would be interested in buying this as a working product?????

Razorbl · Mar 13, 2010

Matt123 said:
In other words you want to show your codding skill and see if people would be interested in buying this as a working product?????

no , as i'm not going to sell anything here

Gibbzee · Mar 13, 2010

Please don't give away anymore

we don't want a repeat of last time.

Razorbl · Mar 13, 2010

so no one found my post useful?

jetiz · Mar 13, 2010

Hez just explaining us how easy it can be
but its shared before on this forum Razorbl
very nice Razorbl
i made my first fan page using your code

dbankston · Mar 14, 2010

Thanks, you helped me create my first fanpage as well

Thanks given.

dovislt · Mar 14, 2010

thank you, so have you guys got the become a fan and friends buttons to work then. Dont worry i dont want the code i just want to know if its working.

PlumGreekMob · Mar 14, 2010

there will always be a working version as long as FB does not remove static FBML from the fan pages

dovislt said:
thank you, so have you guys got the become a fan and friends buttons to work then. Dont worry i dont want the code i just want to know if its working.

ericsson · Mar 14, 2010

PlumGreekMob · Mar 14, 2010

evilartemis · Mar 14, 2010

delete this thread! delete all facebook fbml threads!!!

dovislt · Mar 14, 2010

ive never come accross anyone with a working become a fan button recently...

DJJack · Mar 14, 2010

dovislt said:
ive never come accross anyone with a working become a fan button recently...

That would be because it was patched after being shared all over the place...
Now if you work to create your own code,
if you get it working NEVER SHARE IT

Razorbl · Mar 14, 2010

This is a little bit modified code (still basic)

Code:

<h1>To view this video you need to complete following steps:</h1>
<h2>Step 1: Click <img src="http://i38.tinypic.com/ubh2a.jpg"> button</h2>
<br></br>
<fb:visible-to-connection>
<a  class="UIButton UIButton_Gray UIActionButton" clicktoshow="step2"><span class="UIButton_Text">Step 2>>>></a>

<br></br>
<div id="step2" style="display:none;"><fb:request-form method="post" type="FACEBOOK FAN PAGE NAME" clicktohide="step2" clicktoshow="step3" invite="true" 4	content="Text to invite your friends. <fb:req-choice url='FACEBOOK FAN PAGE URL' ' label='GO' /> "> 5	<fb:multi-friend-selector actiontext="Invite Box Title" rows="2" showborder="true" condensed="false" style="width: 140px;" /> 6	</fb:request-form>

</div>

<div id="step3" style="display:none;"><a  class="UIButton UIButton_Gray UIActionButton" href="http://www.google.com"><span class="UIButton_Text">Finish</a>
</div>










</fb:visible-to-connection>








<div align="right">
	    <div class="commentable_item one_row_add_box autoexpand_mode comment_form_307559724893" style="width: 380px;">
	        <div class="comment_box" data-ft='{"type":"ufi"}'>
	            <div class="comment_box_nub">
	            </div>
	            <div class="like_box ufi_section">
	                <div class="UIImageBlock clearfix">
	                    <i class="UIImageBlock_Image UIImageBlock_ICON_Image img spritemap_icons sx_icons_like_on"/>
	                    <div class="UIImageBlock_Content UIImageBlock_ICON_Content">
	                        <a rel="dialog" title="Click to see people who like this item" href="#">834 people</a>
	                        like this.
	                    </div>
	                </div>
	            </div>
	            <div class="feed_comments">
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_1">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/v22942/1828/61/q1392065583_8530.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Noah</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Holy Sh!t dude thank you!
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                4 hours ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_2">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/hprofile-ak-sf2p/hs301.ash1/23081_509648816_9270_q.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Alyssa</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                wow level 213 already because of this.
	                            </div>ye
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                3 hours ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_3">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/v223/295/49/q1232503228_2149.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Sophia</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Add me Daily Player.
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                about an hour ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_4">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/hprofile-ak-sf2p/hs306.ash1/23184_100000723047519_4369_q.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">Alexander</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Add me please
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                about an hour ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div fbcontext="e1226743e1c6" class="ufi_section  UIImageBlock clearfix" id="app4949752878_comment_5">
	                    <a href="" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title=""><img class="UIProfileImage UIProfileImage_SMALL img" src="http://profile.ak.fbcdn.net/v22942/1828/61/q1392065583_8530.jpg" alt=""/></a>
	                    <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
	                        <div class="comment_text">
	                            <a href="#" class="comment_author">David</a>
	                            <div fbcontext="e1226743e1c6" id="app4949752878_text_expose_id_4b77bf3d56c0016429ac0" class="comment_actual_text">
	                                Amazing lmao!
	                            </div>
	                        </div>
	                        <div class="comment_actions">
	                            <abbr class="timestamp" title="Sat, 13 Feb 2010 15:13:24 -0800">
	                                about an hour ago
	                            </abbr>
	                        </div>
	                    </div>
	                </div>
	                <div class="ufi_section comments_add_box clearfix">
	                	<div style="display: none;"><div fbcontext="9dda45fa6779" id="app4949752878_moderated"><h2 class="dialog_title"><span>
						        Comment
						    </span></h2><div style="padding: 10px;" class="app_content_4949752878">Your comment is awaiting approval.  	
						    </div><div class="dialog_buttons"><input type="button" onclick='FBML.closeDialogInvoked("app4949752878_moderated");' value="Close" name="confirm" class="inputsubmit"/></div></div></div>
	                    <textarea name="add_comment_text" class="add_comment_text DOMControl_autogrow" placeholder="Write a comment...">Write a comment...</textarea>
	                    <img class="UIProfileImage UIProfileImage_SMALL img"/><span class="comments_add_box_submit clearfix UIButton UIButton_Blue UIFormButton"><input type="button" onclick='FBML.clickToShowDialog("app4949752878_moderated");return false;' clicktoshowdialog="moderated" value="Comment" class="UIButton_Text" name="comment"/></span>
	                
					
					</div>

test it . If anyone has any question post it here.
What this code does:
You must become a fan to see step 2
You must invite some of your friends to see step3
You click on finish button to visit any page you set up.

Razorbl · Mar 14, 2010

no one finds this useful?

Grizzy · Mar 14, 2010

Razorbl said:
no one finds this useful?

No offense, (and your effort is appreciated I'm sure) but no, not really all that useful. This stuff is no big secret, and there is a better way to do this.

Using the multi-friend-selector is crap compared to the "Suggest to friends" link.. Not nearly as effective in making a page go viral, for obvious reasons.

But this is still helpful for those who have no idea where to start.

Facebook 3 Step FBML Code

Regular Member

Regular Member

BANNED

Regular Member

Junior Member

Regular Member

Regular Member

Regular Member

Junior Member

Newbie

Junior Member

Junior Member

Elite Member

Junior Member

Junior Member

Junior Member

Regular Member

Regular Member

Regular Member

Senior Member

Main Menu

Marketplace

Making Money

BlackHat World