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

Facebook Fanpage CUSTOM Design (FBML for micro-site)

Discussion in 'FaceBook' started by Long.30naga, Oct 24, 2010.

Thread Status:
Not open for further replies.
  1. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    Hai all,

    I believe there are many FB expert here especially in the FBML coding.
    But this thread purely for newbie since i believe some of them wanted to change from the old dull fan page to a new fan page with logo, graphic and tab which 100% similar function like a website.

    Well we all know that we can create a mini-site in fan page and we also can add in forms, shopping carts, images, videos and etc....

    So here i am sharing with you the FBML code for micro-site..
    It have 4 tabs (home,special,location and about) and it also have a multi tab function which is another 4 more tabs under the special tab...

    Enjoy.

    Edit 25th Oct: since i cant post the code here so i've upload it to my site :)

    Please check the sample at hxxp://club-x.me/fanpage. h t m l
    (please change the x to t and no spacing for the h t m l)

    1. Sample of image included (page belong to my client but it is not complete yet)
    2. It is a code for micro-site so that you can put in your fanpage
    3. Micro-site is like a website but it is 500 width based on FB T&C
    4. The Micro-site have 5 tab (Main,Intro,bla..bla.bla..)
    5. Have Mini-Tab function (means under Intro have another 5 tabs)
    6. Include with image code on one of the tab (normal one)
    7. Include with registration form code (normal one)

    ENJOY!
     
    • Thanks Thanks x 8
    Last edited: Oct 25, 2010
  2. locknload007

    locknload007 Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 14, 2010
    Messages:
    475
    Likes Received:
    67
    Use [*CODE*][*/CODE*] removing the *'s
     
  3. Scumbag

    Scumbag Newbie

    Joined:
    Nov 20, 2009
    Messages:
    17
    Likes Received:
    4
    the OP is legit, thanks again for the code. :D
     
  4. BigBuddy

    BigBuddy Account Under Review

    Joined:
    Oct 6, 2008
    Messages:
    6,421
    Likes Received:
    14,039
    Gender:
    Male
    Location:
    BHW
    Fbml codes of auto sharing, force fbml codes is not allowed here, other than that simple fbml codes allowed.
     
  5. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    You are most welcome, glad that you like it...
    But sad that i cant post it here (well this way going to burst my p.m. box) :(

    I saw designers/programmers create this kind of page and sell it for $99 and above depend on the content... :confused:

    If you know how to do it yourself you can save lots of money, or earn some money from it :) by customizing some add-on like image or videos..

    Cheers
     
  6. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    Sorry Mod but i am not a programmer..
    What is FBML auto sharing and force code?

    Mine is just a simple micro-site code where you have a multi-tab in the main tab. It like a mini website in your fanpage...does that ok?

    Please advice :)

    Cheers
     
  7. BigBuddy

    BigBuddy Account Under Review

    Joined:
    Oct 6, 2008
    Messages:
    6,421
    Likes Received:
    14,039
    Gender:
    Male
    Location:
    BHW
    Yes, its ok.
     
  8. tgarmon

    tgarmon Newbie

    Joined:
    Sep 11, 2010
    Messages:
    32
    Likes Received:
    5
    I tried to Pm you but I don't have the ability to PM as I have not posted 15 times. I have been looking for this and woudl appreciate it if you PMed me with it.
     
  9. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    That is why you must stay active in BHW and post some good comment/feedback/ideas to other members....
    Wait till you get you 15 post that i'll share :p

    Naaa...just joking with you :)
    I will find a way for you by the mean time, hold on tiger....

    To other BHW Maestro,
    By looking at the current msg rate, my inbox will reach the limit in no time :(

    There are some people who received the code and replied me "WTF, that is just a simple one OP"...

    My reply to you: WTF, read the thread genius...i mentioned that it is a simple code and i mentioned that its for FBML Newbie...move on.

    To the rest, before you msg me, please check the below explanation:
    1. It is a code for micro-site so that you can put in your fanpage
    2. Micro-site is like a website but it is 500 width based on FB T&C
    3. The Micro-site have 5 tab (Main,Intro,bla..bla.bla..)
    4. Have Mini-Tab function (means under Intro have another 5 tabs)
    5. Include with image code on one of the tab (normal one)
    6. Include with registration form code (normal one)

    Sample? Please read my 1st post.....as i have edited the link for you to see the sample before you p.m. me :) (i'm going to put in the code there as well soon to avoid my inbox from getting full)

    It takes me few hours to re-design and re-create it and it is not easy for a newbie like me...but it is worth the time as i save lots of money doing it myself....

    Cheers.
     
    Last edited: Oct 25, 2010
  10. locknload007

    locknload007 Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 14, 2010
    Messages:
    475
    Likes Received:
    67
    Code:
    <!-- navigation elements -->
    <a href="#" clicktoshow="nav1" clicktohide="nav2,nav3,nav4">Home</a>
    <a href="#" clicktoshow="nav2" clicktohide="nav1,nav3,nav4">Specials</a>
    <a href="#" clicktoshow="nav3" clicktohide="nav1,nav2,nav4">Locations</a>
    <a href="#" clicktoshow="nav4" clicktohide="nav1,nav2,nav3">About</a>
    
    <!-- Content to display when user clicks on the Home tab -->
    <div id="nav1">
    	Homepage text
    </div>
    
    <!-- Content to display when user clicks on the Specials tab -->
    <div id="nav2" style="display: none;">
    	Specials text
    </div>
    
    <!-- Content to display when user clicks on the Locations tab -->
    <div id="nav3" style="display: none;">
    	Locations text
    </div>
    
    <!-- Content to display when user clicks on the About tab -->
    <div id="nav4" style="display: none;">
    	About text
    </div>
     
    • Thanks Thanks x 1
  11. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    Thanks ChrarlesNCharge...
    But i have made some adjustment and edit some features such as forms and etc...

    Please refer to my 1st post above :)

    Cheers
     
  12. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    Thanks kangaawidi...
    Its just a simple one actually..
    But its worth $99 for 1 page :eek:
     
  13. wpbacklinks

    wpbacklinks Jr. VIP Jr. VIP Premium Member

    Joined:
    Mar 27, 2010
    Messages:
    3,397
    Likes Received:
    1,339
    Gender:
    Male
    Occupation:
    Affiliate Marketer
    Location:
    Everywhere
    hi OP, great share!! i like the 1st and 2nd sample :
    MAIN PAGE WITH 5 TAB
    THE MAIN PAGE

    but the script looks like #3,4,5,6.
     
  14. maximviper

    maximviper BANNED BANNED

    Joined:
    Oct 25, 2010
    Messages:
    338
    Likes Received:
    86
    What is FBML auto sharing and force code?
     
  15. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    Thanks coz you like it...well it is just a simple one actually.
    #1 is for a private company (still in progress)
    #2 is for a government project to educate people about facebook

    YES the script that i provide is basically from #3 and #4,5,6 is the multi-tab that you can see from #3.

    I use the same CODE for all the pages that i created for my client :)

    Different FanPage obviously will have different script but the most important part is the foundation which is the multi-tab and sub-tab.
    This is important because you can save space in you fanpage rather than having/create so many tab in the same row with 'Wall' and 'Info'...

    So the code is the foundation but you need to change the layout such as image, videos, content and etc.



    TIPS #1: Do you notice #1 and #3 have the 5 tab function? Well it is from the same script but i change the image. #1 tab with a page peel image while #3 tab is just a normal maroon tab.

    TIPS #2: Go to the FBML edt and change the below script
    <!-- Now set the main tab navigation -->
    Here where you change the 'Home' 'Intro' and etc

    <!-- start the div for the first main nav tab - nav1 -->
    Here is where you put your content for the 1st tab

    <!-- start the div for the first subnav tab - tab2subnav1 -->
    Here is where you put your content for the sub tab


    Remember, the most important part is the foundation. The rest is based on your creativity. Feel free to drop me a line or two should you need any simple tutorial ;)

    Enjoy and Have Fun in Coding FBML

    Cheers
     
    • Thanks Thanks x 1
    Last edited: Oct 25, 2010
  16. blackhat+er

    blackhat+er Regular Member

    Joined:
    Feb 19, 2009
    Messages:
    217
    Likes Received:
    150
    No offense to OP but you took this code copy and paste from snipe.net. Anyone who does a basic google search for fbml coding could find this. So is this a contribution just to get thank yous and build your BHW account? The code you provided is a basic start and will be good for many( even though I think it was shared before). I would get rid of the hotlinked nav-bg image on your site though as snipe.net might get mad about that.
     
  17. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    blackhat+er,

    Seriously i dont what are you trying to do, because there are lot of other people out there who join forum and try to look for other people's mistake and pull them down.

    I know you run a business which is fbmltemplates.n.e.t and sell a multitab template (micro-site) for $547...are you worried that people know the code and go for DIY and you run out of business??

    Do read all my post in this thread properly:
    1. This forum a sharing forum and i stated clearly that i wanted to share with newbie so that they can save lots of money rather than paying you $547 for the multi-tab
    2. Is there in any phrase or paragraph did i ever mentioned i program or code this FBML?
    3. Did you notice one of my post to Moderator BigBuddy that i am not a programmer?
    4. Everyone who message me i tell them clearly that i am a graphic designer!
    5. YES i purposely leave all the image and link from snipe.n.e.t and YES i take it from there and i learn from that FREE tutorial rather than buying from people for $547
    6. BUT BARE IN MIND, if you take a look at my sample in my website, all the content,image,video,form are different from the original snipe,net.
    7. Read clearly my post stated that i personally re-design this code to suit with my client's need (which i give them for free and not $547)
    8. Btw everyone knows that you can simply code in Nvu or Dreamweaver and copy the code and paste it in FBML, but i'm taking it because it is already complete.

    This is more about sharing a code to newbie rather than wasting money to pump in to your pocket. To be honest, people like you who make people like us dont want and lazy to share to others because they will be things that you guys wanted to comment.

    It is not about THANK but it is about SAVING money and DIY since.

    Or you rather people go to you and pay you $547 and SAY THANK to you?

    Grow up dude...and move on.
     
  18. Long.30naga

    Long.30naga Registered Member

    Joined:
    Oct 21, 2010
    Messages:
    82
    Likes Received:
    119
    Location:
    In Your Head
    To any FBML newbie,

    Sorry that i have close down the share and the link for the multi-tab fanpage code.
    Coz some people dont understand the definition of sharing and i'm worried that other people might think the same and having a very narrow minded mentality.

    So should you need any FBML code or a FanPage with a Multi-Tab function, feel free to consult blackhat+er.

    Dont worry, he only charge you $547 for the complete multi-tab fanpage.

    Well, consider it a charity :rolleyes: since the free opportunity is already close.

    Cheers
     
  19. blackhat+er

    blackhat+er Regular Member

    Joined:
    Feb 19, 2009
    Messages:
    217
    Likes Received:
    150
    ?? Are they putting something in your water? First if you took the time to look at our site then you will see that we do a lot more than just a multi tab fbml page. So not sure where you are going there comparing apples and oranges. Also I was just pointing out that you were looking for thank yous, from copying and pasting someone elses code as if you made this great discovery. So I am a bit confused on your positioning here. Looks more like you are jumping on the super insecure defensive then I. ;)
     
  20. makingfastcash22

    makingfastcash22 Senior Member

    Joined:
    Feb 15, 2009
    Messages:
    1,152
    Likes Received:
    178
    Home Page:
    Man I would have liked to look at the samples and code.

    I am so new to FB , I didn't think you could do this and not get your account closed...

    :(
     
Thread Status:
Not open for further replies.