Facebook Fanpage CUSTOM Design (FBML for micro-site)

Status
Not open for further replies.

Long.30naga

Registered Member
Joined
Oct 21, 2010
Messages
82
Reaction score
122
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!
 
Last edited:
Fbml codes of auto sharing, force fbml codes is not allowed here, other than that simple fbml codes allowed.
 
the OP is legit, thanks again for the code. :D

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
 
Fbml codes of auto sharing, force fbml codes is not allowed here, other than that simple fbml codes allowed.

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

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:
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 ChrarlesNCharge...
But i have made some adjustment and edit some features such as forms and etc...

Please refer to my 1st post above :)

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

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
 
Last edited:
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

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

?? 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. ;)
 
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...

:(
 
Status
Not open for further replies.
Back
Top