1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Facebook 3 Step FBML Code

Discussion in 'FaceBook' started by Razorbl, Mar 13, 2010.

  1. Razorbl

    Razorbl Jr. VIP Jr. VIP Premium Member

    Joined:
    Jun 25, 2008
    Messages:
    441
    Likes Received:
    121
    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
     
    • Thanks Thanks x 17
    Last edited: Mar 14, 2010
  2. Razorbl

    Razorbl Jr. VIP Jr. VIP Premium Member

    Joined:
    Jun 25, 2008
    Messages:
    441
    Likes Received:
    121
    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
     
  3. HowardOnline

    HowardOnline BANNED BANNED

    Joined:
    Feb 28, 2010
    Messages:
    243
    Likes Received:
    25
    but the button that brings up the friend leaderboard doesn't work. what you gave is just a skeleton
     
  4. Razorbl

    Razorbl Jr. VIP Jr. VIP Premium Member

    Joined:
    Jun 25, 2008
    Messages:
    441
    Likes Received:
    121
    Ye , thats wha i meant to give.
     
  5. Matt123

    Matt123 Junior Member

    Joined:
    Mar 3, 2010
    Messages:
    120
    Likes Received:
    46
    Occupation:
    Being the Man all day long :)
    Location:
    The edge of genius
    Home Page:
    In other words you want to show your codding skill and see if people would be interested in buying this as a working product?????
     
  6. Razorbl

    Razorbl Jr. VIP Jr. VIP Premium Member

    Joined:
    Jun 25, 2008
    Messages:
    441
    Likes Received:
    121
    no , as i'm not going to sell anything here
     
  7. Gibbzee

    Gibbzee Regular Member

    Joined:
    Jun 17, 2009
    Messages:
    399
    Likes Received:
    142
    Please don't give away anymore :) we don't want a repeat of last time.
     
  8. Razorbl

    Razorbl Jr. VIP Jr. VIP Premium Member

    Joined:
    Jun 25, 2008
    Messages:
    441
    Likes Received:
    121
    so no one found my post useful?
     
  9. jetiz

    jetiz Junior Member

    Joined:
    Jan 16, 2010
    Messages:
    156
    Likes Received:
    61
    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
     
    Last edited: Mar 13, 2010
  10. dbankston

    dbankston Newbie

    Joined:
    Feb 1, 2010
    Messages:
    37
    Likes Received:
    3
    Thanks, you helped me create my first fanpage as well :) Thanks given.
     
  11. dovislt

    dovislt Junior Member

    Joined:
    Aug 13, 2009
    Messages:
    177
    Likes Received:
    33
    Occupation:
    Student
    Location:
    UK
    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.
     
  12. PlumGreekMob

    PlumGreekMob Junior Member

    Joined:
    Jun 6, 2009
    Messages:
    117
    Likes Received:
    53
    there will always be a working version as long as FB does not remove static FBML from the fan pages

     
  13. ericsson

    ericsson Elite Member Premium Member

    Joined:
    Apr 25, 2009
    Messages:
    2,642
    Likes Received:
    8,132
    Occupation:
    www
    Location:
    Swe
    Home Page:
    Static FBML, yeah right.

    Only beeing used by millions of pages.

    No, i don´t think fb will remove its.
     
  14. PlumGreekMob

    PlumGreekMob Junior Member

    Joined:
    Jun 6, 2009
    Messages:
    117
    Likes Received:
    53
    yeah, that was kinda the point lol.

     
  15. evilartemis

    evilartemis Junior Member

    Joined:
    May 30, 2009
    Messages:
    155
    Likes Received:
    13
    delete this thread! delete all facebook fbml threads!!!
     
    • Thanks Thanks x 2
  16. dovislt

    dovislt Junior Member

    Joined:
    Aug 13, 2009
    Messages:
    177
    Likes Received:
    33
    Occupation:
    Student
    Location:
    UK
    ive never come accross anyone with a working become a fan button recently...
     
  17. DJJack

    DJJack Regular Member

    Joined:
    Jan 10, 2010
    Messages:
    321
    Likes Received:
    150
    Gender:
    Male
    Occupation:
    Web Developer, Events Guru
    Location:
    UK
    Home Page:
    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 :)
     
  18. Razorbl

    Razorbl Jr. VIP Jr. VIP Premium Member

    Joined:
    Jun 25, 2008
    Messages:
    441
    Likes Received:
    121
    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.
     
    • Thanks Thanks x 10
    Last edited: Mar 14, 2010
  19. Razorbl

    Razorbl Jr. VIP Jr. VIP Premium Member

    Joined:
    Jun 25, 2008
    Messages:
    441
    Likes Received:
    121
    no one finds this useful?
     
  20. Grizzy

    Grizzy Senior Member

    Joined:
    Nov 11, 2008
    Messages:
    919
    Likes Received:
    999
    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.