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

"3-Step-FBML for your fan page.

Discussion in 'FaceBook' started by blacknight9, Mar 2, 2010.

  1. blacknight9

    blacknight9 Newbie

    Joined:
    Jan 1, 2009
    Messages:
    44
    Likes Received:
    37
    Home Page:
    First off, I am not ripping other people's code. The information provided here can be found using Google :)D) If this is now allowed, please delete.

    The result is similar to: http://hiderefer.org/?http://www.facebook.com/pages/Spotify-Remove-Commercial-Hack-No-More-Disturbing-Commercial/364881740375

    I am not giving you the whole code to paste but I'll show you how to achieve the key elements

    1. Search for "Static FBML" and add it to your page.
    2. Edit your page, click to edit "Static FBML" and paste the code, you need to know html too (remember to replace XXXs with your page id)

    • 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.



    That's it, you have to layout the page yourself. HTML is required.

    References
    Code:
    http://w3.hyperarts.c0m/blog/tutorial-facebook-pages-with-static-fbml-application/
    http://w3.developers.facebook.com/index.php/FBML
    
     
    • Thanks Thanks x 31
    Last edited: Mar 2, 2010
  2. whatsunut

    whatsunut Newbie

    Joined:
    Dec 3, 2009
    Messages:
    19
    Likes Received:
    1
    Location:
    BHW
    Thanks a lot! I actually just came across such a page yesterday and was wondering how to make my own!
    Cheers for the info!
     
  3. chef_dracula

    chef_dracula Newbie

    Joined:
    Jan 18, 2010
    Messages:
    1
    Likes Received:
    0
    it's going to be deleted tik tak
     
  4. graphicnut

    graphicnut Supreme Member

    Joined:
    Feb 21, 2008
    Messages:
    1,333
    Likes Received:
    240
    whats going to be deleted?
     
  5. graphicnut

    graphicnut Supreme Member

    Joined:
    Feb 21, 2008
    Messages:
    1,333
    Likes Received:
    240
    by the way guys, do you know if any old html can be added on fbml?
     
  6. blacknight9

    blacknight9 Newbie

    Joined:
    Jan 1, 2009
    Messages:
    44
    Likes Received:
    37
    Home Page:
    Yes, you can mix html and fbml. You can even put in complex styled html attributes like position, background images.....
     
  7. cheaplaser

    cheaplaser Junior Member

    Joined:
    Mar 3, 2007
    Messages:
    122
    Likes Received:
    51
    Why would this be deleted? he's only sharing code he found on the net.
    thanks for sharing

     
  8. imontie

    imontie Junior Member

    Joined:
    Jan 22, 2009
    Messages:
    166
    Likes Received:
    64
    God damnit thank you so much
     
  9. blacknight9

    blacknight9 Newbie

    Joined:
    Jan 1, 2009
    Messages:
    44
    Likes Received:
    37
    Home Page:
    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.
     
  10. imontie

    imontie Junior Member

    Joined:
    Jan 22, 2009
    Messages:
    166
    Likes Received:
    64
    googled it
     
    Last edited: Mar 2, 2010
  11. onthegoaudio1

    onthegoaudio1 Regular Member

    Joined:
    Dec 17, 2009
    Messages:
    330
    Likes Received:
    188
    Occupation:
    Full Time IM
    Location:
    US
    Home Page:

    I suggest saving the code to your computers, I made a thread asking if I was allowed to post this CODE, and was told I was not allowed... Even though it is not the same as Carolinas! Hopefully it will stay, who knows.
     
  12. lcampbell89

    lcampbell89 Registered Member

    Joined:
    May 19, 2009
    Messages:
    76
    Likes Received:
    4
    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.
     
  13. blacknight9

    blacknight9 Newbie

    Joined:
    Jan 1, 2009
    Messages:
    44
    Likes Received:
    37
    Home Page:
    I think it is not possible with the share button.
     
  14. lcampbell89

    lcampbell89 Registered Member

    Joined:
    May 19, 2009
    Messages:
    76
    Likes Received:
    4
    There is a popular one out there now that requires you to share before you move on. I'm quite sure it wasn't a timer. If it was it was a very fast timer that only happened to work when I clicked share.
     
  15. jasqui

    jasqui Regular Member

    Joined:
    Aug 11, 2008
    Messages:
    287
    Likes Received:
    71
    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...
     
    • Thanks Thanks x 1
  16. DarkTempest

    DarkTempest Newbie

    Joined:
    Oct 22, 2009
    Messages:
    39
    Likes Received:
    4
    Someone is unhappy cos he spent money to buy the code :rolleyes:

    Whats the big deal with sharing a code he figured out himself with a bit of research?
     
  17. jonny110

    jonny110 Regular Member Premium Member

    Joined:
    Feb 27, 2007
    Messages:
    279
    Likes Received:
    253
    Unfortunately this no longer works due to faceasbook changing something. Ah well now to figure out what they changed. I love a challenge.
     
  18. Moto801

    Moto801 Senior Member

    Joined:
    Apr 25, 2009
    Messages:
    849
    Likes Received:
    413
    Location:
    Far away
    This is what happens when a code is shared on public forums
     
  19. facebookdude

    facebookdude Elite Member

    Joined:
    Feb 28, 2010
    Messages:
    1,506
    Likes Received:
    2,490
    the 3 step doesn't work anymore. facebook is crackin down
     
  20. Geetfaux

    Geetfaux Super Moderator Staff Member Moderator

    Joined:
    Sep 16, 2008
    Messages:
    598
    Likes Received:
    1,582
    Yeah facebook is dead now, everyone pack your shit up & find something new.. =]
     
    • Thanks Thanks x 6