Cool FBML Codes to Enhance your Facebook Fan Page

When people visit your page the first thing they are most likely to click on first is the wall tab, or the info tab. If you dont have anything else to keep their intrest chances are they will leave your fan page. Use Static FBML application to input HTML and FBML on your page. Here are some FBML codes that I have found will help spice up your page!  






Add Your Newsletter
Facebook is a great place to find subscribers. If you offer a subscription via email, use this code to create a newsletter tab with a subscribe box.


<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SocialImpressions', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
                <p>Subscribe to AngelaDesigns:</p>
                <p><input type="text" style="width:140px" name="email"/></p>
                <input type="hidden" value=" AngelaDesignsBlog" name="uri"/>
                <input type="hidden" name="loc" value="en_US"/>
                <input type="submit" value="Subscribe" /> </form>


Pop-up dialog

If you cant fit on all of your content on one page, you can add a dialog box.

    <a clicktoshowdialog="dialog-name" href="#" >Click here to launch the pop-up dialog</a>.    
    <fb:dialog id="dialog-name">  
    <fb:dialog-title>POP-UP DIALOG NAME</fb:dialog-title>  
    <fb:dialog-content>Here goes your pop-up dialog content</fb:dialog-content>  
    <fb:dialog-button type="submit" value="Close" close_dialog="1" /></fb:dialog><br>  

       

       "Invite your friends" box

      A great way to get more fans is to give your fans the opportunity to share your page with their friends with a Invite Your Friends Box.The Invite It is difficult to integrate this box with a page design. 
       <fb:request-form method="post" type="AngelaDesigns" invite="true" content="Check outAngelaDesigns<fb:req-choice url='http://www.facebook.com/angela.ceaser#!/pages/AngelaDesigns/133568850044642?sk=app_4949752878' ' label='GO' /> "> 
              <fb:multi-friend-selector actiontext="Tell your friends about AngelaDesigns" rows="3" cols="3" showborder="true" /> 
          </fb:request-form> 



      Insert "Share Button"

      A Facebook Share Button lets visitors who are on your page the option to share almost anything with anyone in their news feed. 

          <fb:share-button class="meta"> 
              <link rel="target_url" href="http://www.facebook.com/pages/AngelaDesigns/133568850044642#!/pages/AngelaDesigns/133568850044642?sk=app_4949752878"/> 
          </fb:share-button> 


      Products commenting

      Get your fans talking. This is a great feature for getting feedback on your services and products. Its also a good feature for setting up a small online store under your business page.   
         <fb:comments xid="YOUR_PRODUCT_UNIQUE_ID_#1" canpost="true" showform="true" candelete="false" numposts="3" returnurl="http://YOUR_PRODUCT_HOME_URL">   </fb:comments>  

        My code     <fb:comments xid="Templates" canpost="true" showform="true" candelete="false" numposts="3" returnurl="http://graphicartcollection.blogspot.com/2011/03/my-twitter-background-design.html"> 
           </fb:comments> 


         Restrict Page Content from Non Fans

        Restricting your page content from non fans is a great way to develop curiosity to new visitors and encourages them to "Like" your page and become a fan.   

        <fb:fbml version="1.1">  
        <fb:visible-to-connection>This part is visible for fans only!  
        <fb:else>This part is visible for non-fans</fb:else>  
        </fb:visible-to-connection>  
        </fb:fbml>  
          Code explanation:
          • fb:visible-to-connect – the part that only your fans will see;
          • fb:else – the part for non-fans.


          Embedding YouTube Video

          To embed a YouTube video to your page you need an image. Flash does not run right away, it has to be launched with a click. Until the video is launched, you see a picture instead.

          <fb:swf  
          swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"  
          swfsrc='(Insert Youtbue URL)'  
          imgsrc='(Insert Image URL)' width='340' height='270' />  

            Display a random text

            At times you may want to keep things fresh and show random text. The "weight" option allows you to specify the frequency. 

            <fb:random>
               <fb:random-option weight="2">A: This will be shown 2 times as often as B.</fb:random-option>
               <fb:random-option weight="1">B: This will be show half as often as A</fb:random-option>
            </fb:random>


            Monitor You Page With Google Analytics


            Every social media campaign should keep track of their progress.One of the easiest ways to do that is with Google Analytics. Replace the uacct with your own account ID to start collecting data about your page with Google Analytics.

            <fb:google-analytics uacct=”UA-9999999-99″ />


            Adding a Custom Menu Bar

            Spice up your page with a custom menu bar.

            <center>
            <img src\u003d"http://img522.imageshack.us/img522/4162/20422854.jpg" border\u003d"0"/>
            <a href\u003d"Sayfa URLsi" target\u003d"blank">
            <img src\u003d"http://img31.imageshack.us/img31/5501/61033798.jpg" border\u003d"0"/>
            </ A>
            <a href\u003d"Sayfa URLsi" target\u003d"blank">
            <img src\u003d"http://img534.imageshack.us/img534/5006/71785408.jpg" border\u003d"0"/>
            </ A>
            <A href \u003d "http://hadiseworld.com" target \u003d "_blank" rel \u003d "nofollow" onmousedown \u003d "UntrustedLink.bootstrap ($ (this)
            Facebook Hadise FBML Menü Kodları Ekleme,Facebook Hayran Sayfanıza Hadise Menü Kodu ""Facebook Hadise FBML Menü Kodları Ekleme,Facebook Hayran Sayfanıza Hadise Menü Kodu event) ">
            <img src\u003d"http://img687.imageshack.us/img687/5953/96306959.jpg" border\u003d"0"/>
            </ A>
            <A href \u003d "http://twitter.com/hadiseworld_com" target \u003d "_blank" rel \u003d "nofollow" onmousedown \u003d "UntrustedLink.bootstrap ($ (this)
            Facebook Hadise FBML Menü Kodları Ekleme,Facebook Hayran Sayfanıza Hadise Menü Kodu ""Facebook Hadise FBML Menü Kodları Ekleme,Facebook Hayran Sayfanıza Hadise Menü Kodu event) ">
            <img src\u003d"http://img231.imageshack.us/img231/158/88945146.jpg" border\u003d"0"/>
            </ A>
            <A href \u003d "http://youtube.com/user/hadiseworldcom" target \u003d "_blank" rel \u003d "nofollow" onmousedown \u003d "UntrustedLink.bootstrap ($ (this)
            Facebook Hadise FBML Menü Kodları Ekleme,Facebook Hayran Sayfanıza Hadise Menü Kodu ""Facebook Hadise FBML Menü Kodları Ekleme,Facebook Hayran Sayfanıza Hadise Menü Kodu event) ">
            <img src\u003d"http://img100.imageshack.us/img100/4215/23498639.jpg" border\u003d"0"/>
            </ A>
            </ Center>

            0 comments: