"3-Step-FBML for your fan page.

• The become fan button
  
  
  Code:

  <span id="profile_connect">
  <a ajaxify="/ajax/pages/fan_status.php?fbpage_id=XXX&add=1&reload=1&preserve_tab=1&use_primer=1" rel="async-post" class="UIButton UIButton_Gray UIActionButton" href="#"><span class="UIButton_Text"><span class="UIButton_Icon UIButton_IconNoSpriteMap" style="background-position: 0pt -410px;"></span>Become a Fan</span></a></span>

  
  You'll want step 2 visible to fan only. Once they click it, the content in step 2 will be revealed.
  
  
  Code:

  <fb:visible-to-connection> 
      Put content of your step 2 and 3 here              
  </fb:visible-to-connection>

• The friend invitation popup
  
  
  Code:

  <a href="#" ajaxify="/ajax/social_graph/invite_dialog.php?class=FanManager&node_id=XXX" class=" profile_action actionspro_a" rel="dialog-post">Click here to invite your friend</a>

• dialog popup
  
  
  Code:

  <a href="#" style="border-top: 1px solid #ffffff;" clicktoshowdialog="Code">click here to show pop up dialog</a>
  
  <fb:dialog id="Code">
  <fb:dialog-title>How To Invite Friends Quickly</fb:dialog-title>
  <fb:dialog-content> 
   Your dialog content here
  </fb:dialog-content> 
  <fb:dialog-button type="button" value="Okay" close_dialog="1"/>
  </fb:dialog>

• Update! Sorry guys, and this is the download button
  
  
  Code:

  <a id="tobehidden" onClick="outside_location.setInnerFBML(link_1);" style="cursor: pointer;">Download now</a>
  <div id="outside_location"></div>
  <fb:js-string var="link_1">
  <fb:iframe height="500" allowTransparency="true" frameborder="0" scrolling="no" style="width:100%; border:none" src="http://URL-TO-OUTSIDE-LOCATION"></fb:iframe>
  </fb:js-string>
  
  <script type="text/javascript" charset="utf-8">
  var outside_location = document.getElementById('outside_location');
  
  tobehidden=document.getElementById('tobehidden');
  tobehidden.setStyle('display', 'none');
  
  </script>

• Update! I've got some PMs regarding comments. Here's how:
  
  
  Code:

  <div class="UIIntentionalStream_Content UIStream">
    <div id="div_story_840890611_333846711183" class="GenericStory UIStory clearfix aid_548388434">
      <div class="GenericStory_Body">
        <form name="add_comment" id="commentable_item_840890611_333846711183" class="commentable_item one_row_add_box autoexpand_mode comment_form_333846711183">
          </span>
          <div class="comment_box">
            <div class="comment_box_nub"></div>
            <div class="like_box"></div>
            <div class="feed_comments">
            
            
              [COLOR="Red"]<div class="ufi_section  UIImageBlock clearfix" id="comment_840890611_333846711183_11812702">
              <a href="#" class="UIImageBlock_Image UIImageBlock_SMALL_Image" title="XXX"><img class="UIProfileImage UIProfileImage_SMALL img" src="IMAGE_URL" alt="XXX"></a>
                <div class="UIImageBlock_Content UIImageBlock_SMALL_Content">
                  <div class="comment_text"><a href="XXX" class="comment_author">Commentors' Name</a>
                    <div id="text_expose_id_4b8c7ea8398de511da3ca" class="comment_actual_text">This is a very long comment that you need to relace</div>
                  </div>
                  <div class="comment_actions"><abbr class="timestamp" title="Mon, 01 Mar 2009 16:50:49 -0800">2 hours ago</abbr></div>
                </div>
              </div>[/COLOR]
              
              
            </div>
            <div class="ufi_section comments_add_box clearfix">
              <textarea name="add_comment_text" class="add_comment_text DOMControl_placeholder" placeholder="Write a comment...">Write a comment...</textarea>
              <img class="UIProfileImage UIProfileImage_SMALL img" src="IMAGE_URL"><span class="comments_add_box_submit clearfix UIButton UIButton_Blue UIFormButton">
              <input value="Comment" type="submit" class="UIButton_Text" name="comment">
              </span></div>
          </div>       
        </form>
      </div>
    </div>
  </div>

  
  Duplicate the part in red to add a new comment, you'll need to put in some thumbnail url.
  

http://w3.hyperarts.c0m/blog/tutorial-facebook-pages-with-static-fbml-application/
http://w3.developers.facebook.com/index.php/FBML

graphicnut said:

by the way guys, do you know if any old html can be added on fbml?

Click to expand...

chef_dracula said:

it's going to be deleted tik tak

Click to expand...

cheaplaser said:

Why would this be deleted? he's only sharing code he found on the net.
thanks for sharing

Click to expand...

blacknight9 said:

I saw this code being sold and I know some people will be unhappy if I share. I didn't buy the code, partly because I didn't have fund available and was curious as a programmer. With a bit of research, I could come close to the result, still need to tweak it a little more.

Click to expand...

cheaplaser said:

Why would this be deleted? he's only sharing code he found on the net.
thanks for sharing

Click to expand...

lcampbell89 said:

This shouldn't be deleted it's helpful and isn't the same as Carolina's code. Do you know how to do the Share button? I am gonna look it up now but wouldn't hurt to ask. Also do you know how to make it so they won't see the next step, such as share until they share then the Claim button comes up?

EDIT: Delete the link to the facebook page cuz that will get the thread deleted and it I think this one is a keeper.

Click to expand...

jasqui said:

Here is the problem.

First off someone is selling it. Though it may not be the exact same thing. It is similar in concept and in design.

Second if people want to search google for shit. They could find other things that are not allowed here because someone is selling them.

Third people are going to take this code and not be able to use it. All you are doing is causing someone to lose sales. Since people think HEY I GOT THE CODE FREE! Then they will tinker with it. Not get it setup and also not buy it from the person selling it.

Fourth you are causing saturation and hurting an idea, people are taking time to learn and do. You act like you are helping. All you are doing is growing your e-dick to make yourself feel cool. If people want to use google for it fine. Let them...

Click to expand...