Related: How to Embed YouTube Videos & Other Flash Objects in Static FBML Pages
This is a how-to article on expanding your Facebook Fan Page (aka Business Page) by using the application Static FBML which allows you to add new “application tabs” to your tabs or box which can incorporate CSS, HTML, Facebook’s flavor of JavaScript, FBJS, and Facebook’s mark-up language FBML. FBML has greatly expanded what is possible on Facebook Pages and, if you’re sufficiently skilled with CSS/HTML and, optionally, FBML, you can make some really fine looking Pages.
Two examples of what we’ve done at HyperArts: Our Facebook Page and Skis on the Run, one of our clients.
What follows is a detailed guide to installing and working with Static FBML. I would also recommend Jesse Stay’s excellent book, FBML Essentials: Facebook Markup Language Fundamentals, published by O’Reilly. You’ll find it indispensable.
So let’s get started!
PLEASE NOTE:
- Static FBML can only be added to Facebook Fan Pages (aka Public Profiles, aka Business Pages);
- You CANNOT auto-run JavaScript in an FBML page – it must require a user action; you can also use FBJS (Facebook JavaScript);
- You SHOULD NOT use a <style type=”text/css”> tag — it works in most browsers, but NOT in Internet Explorer (of course); you can, however call an external style sheet via <link href=”http://yoursite.com/styles/layout.css” rel=”stylesheet” type=”text/css” /> (Read this post about the difference between Internet Explorer and other browsers regarding Static FBML and CSS…);
- Maximum width of FBML page is 760px (However, Facebook has announced this will be reduced to 520px in later 2009/early 2010.);
- Include ONLY the HTML/CSS that’s between the <body> and </body> tags; NO <html>, <body>, <head> or meta tags;
- In order to add applications to your Fan Page, you MUST have a personal profile associated with the Page as an Administrator; the Admin can add apps when logged in.
Adding Static FBML to your Public Profile (Fan Page)
- Click “Edit Page” under the Page’s large avatar image;
- Under “Applications,” under “More Applications” click the pencil/edit icon and select “Browse more”;
- Under “All Applications” in the left column, enter “static fbml” (without quotes) into the search field and hit your enter/return key;
- Go to the Static FBML application from the search results page (it should be the only result);
- Click “Add to my Page” in the left column;
- You have successfully added Static FBML to your Page.
Adding Your FBML Box or Tab to Your Public Profile Page
- click on “Edit Page” in the left column right under the logo/avatar;
- Find the “Static FBML” link, click the edit/pencil icon and select “edit”;
- enter the name you want to appear in the box heading in the “Box Title” field;
- enter the HTML content in the “FBML” field (I’ve only used HTML thus far; haven’t tried FBML);
- if you want your FBML box to appear in the left column of your Wall, set the width to 180px (View the example on our Facebook Fan Page — “HyperArts Websites & Projects“);
- if you want it to appear in the tabs in the main Wall column, 600px is a good width (View our Portfolio page example);
- when you’ve added in your HTML — there doesn’t appear to be a “preview” function — click “Save Changes”;
Having Your FBML Appear Either in the Tabs or Left Column
- On your Page’s main page, click “Edit Page” under the logo/avatar;
- Locate the FBML application (it will be called whatever you entered into the Box Title field, plus “FBML”), and click the edit/pencil icon;
- Select “Application Settings”;
- Make sure “Box” is “added” and “Tab” is “added” and click “okay”;
- Click on the “Boxes” tab on your Wall (at the top of the center column);
- to have the FBML box appear in the left (narrow) column of your Wall, locate the FBML box on the Boxes page, click on the edit/pencil and select “Move to Wall Tab”;
To have it appear in the Boxes tab at the top, go to the FBML box you created in your left column, click the edit/pencil and select “Move to Boxes tab”;
Creating Additional FBML Boxes
- Click “Edit Page” under the logo/avatar of your Fan Page;
- Locate the FBML box you have created;
- Click the edit/pencil and select “Edit”;
- Below the fields for the box you created, locate and click “Add another FBML box”;
I added a Box to our HyperArts Page, called “Websites” (down the left column) and included some URLs relevant to the HyperArts brand. I did some quick customization utilizing HTML markup (haven’t yet checked out FBML – that’s next). I also added a second FBML page added as a Tab at the top called “Portfolio.”
#1 by Glenn - December 12th, 2009 at 22:50
Check out some codes for using Iframes, drop down menu, invite friends
+
a tutorial on how to integrate an external page on to a tab of your facebook business page.
http://www.facebook.com/webwhispers?v=app_6009294086
(become a fan to check it out – ur comments r welcome)
#2 by admin - December 12th, 2009 at 23:33
I see that if I click “Domain Booking” or “Hosting” that page is in an iFrame. But I don’t see where you explain how you did this? Your step-by-step tutorial on pulling in an external page via a tab is as close as I can see you got. But you say “Check out some codes for using Iframes.” So how did you do it?
#3 by Glenn - December 19th, 2009 at 03:25
Select the “Drop down code” under the drop down menu. The code is there
#4 by brian - December 29th, 2009 at 11:51
Are boxes in the sidebar even possible anymore? I’m having trouble creating anything but tabs. Help!
#5 by Han - December 13th, 2009 at 10:06
Static FBML has some issue with IE.
when accessed with IE it will not recognize the CSS within code.
#6 by Stephanie - December 16th, 2009 at 08:43
I have the same problem, but i can’t find any solutions. if anyone can suggest it would be greatly appreciated
#7 by admin - December 16th, 2009 at 11:59
Which version of IE? 6? 7? 8?
#8 by Huw - December 16th, 2009 at 04:46
Have same IE CSS issue – if you login, the CSS works!?
Strange.
Anybody know of a way to solve this?
#9 by admin - December 17th, 2009 at 18:35
Using the <style type=”text/css”></> tag with the style rules will work in most browsers, but NOT Internet Explorer 6, 7 or 8 (and probably 9 when finally rolls around). However, you CAN call an external style sheet using:
<link href=”http://yoursite.com/styles/layout.css” rel=”stylesheet” type=”text/css” />
and it works (I tested to make sure). Of course, you’ll have to upload that CSS file to your server.
It shouldn’t matter whether or not you’re logged in. IE just doesn’t like the <style> tag.
Alternately, you can inline the style rules in the HTML tags like this:
<p style=”font-size:14px”> (just an example)
#10 by Andrew - December 18th, 2009 at 15:38
Oh, what I am trying to achieve is at this tab:
http://www.facebook.com/brandswithbite#/brandswithbite?v=app_6009294086
As you can see, it works like I want it to on every browser but IE. If I sent you code would you be able to help? This seems like it should be a quick fix. Thanks!
#11 by admin - December 18th, 2009 at 16:57
Andrew, Have you tried putting the styles in a separate .css file, uploading to your server, and then calling it from the Static FBML?
Read this post:
http://www.hyperarts.com/blog/facebook-static-fbml-internet-explorer-stylesheets-css/
and let me know. Cheers.
#12 by Andrew - December 19th, 2009 at 07:42
Yep, I tried doing that and testing on the FBML test console and I get the error “illegal code “link” under fb: profile. Do I have to put that link to the css code in a certain spot in the HTML? Do you want me to send you the code I have? Thanks!
#13 by admin - December 19th, 2009 at 08:54
Send along the code. Make sure you use this character: < for the opening angle bracket (“<“) so that the code renders as literal code.
#14 by Andrew - December 19th, 2009 at 09:47
OK, it’s pretty long, although you probably would be most concerned with the front part. Would it be easier for me to email it? Would it be sales010@hyperarts.com? I’ve spent about a month trying to figure this IE issue out. It gets pretty demoralizing. Any help you can provide would be amazing.
#15 by Huw - December 23rd, 2009 at 04:07
Hi,
I have the same issue, illegal tag ‘link’ when trying to call the css from an external source.
Any ideas?
#16 by Glenn - December 19th, 2009 at 03:29
I created a test code which allows fans only to view content. However this does not seem to work in IE. Any ideas.
http://www.facebook.com/webwhispers?v=app_10442206389
#17 by admin - December 19th, 2009 at 09:03
Hi Glenn, I’m a Fan and I see the green fan message. I checked on IE 7 on a machine where I’m not a fan and the “testing” tab has no content, so I guess this is the issue. Can I see the contents of the code? Post here and also email it to tim @ hyperarts . com.
#18 by admin - December 19th, 2009 at 10:29
Andrew, Please email the code to tim @ hyperarts . com.
#19 by jan - December 23rd, 2009 at 08:57
IS there a way to add a guestbook to the FBML tab? We could achieve what we need to by linking to a discussion, but would rather not have the viewer leave the tab page.
#20 by timware - December 23rd, 2009 at 11:08
Well, you can’t include it with an iframe. It really depends on what you want your “guestbook” to do. If it’s a form that someone sends to you, that can be done. If it dynamically adds someone’s name and comments to your Facebook FBML page, I don’t think that can be done, except by either building an app or searching Facebook to see if there’s an app available that does what you want. A quick app search turned up these Facebook guestbook applications (untested):
Super Guestbook
Say Hello!
SocioApp
#21 by Dan - December 26th, 2009 at 20:07
I’ve successfully been able to add images to my static fbml tab. I haven’t been able to implement css into my page. I want to add images and position them via an external stylesheet.
Example(this is what’s in my stylesheet->styles.css:
#apDiv1 {
position: absolute;
left: 0px;
top: 0px;
width: 759px;
height: 166px;
background-image:url(‘http://…/welcome01.jpg’);
}
This is what’s in my tab:
I triple checked all of my urls and everything is there but doesn’t show in my tab. A simple “img src=” works to show an image but as soon as I wrap it in a div, it no longer shows. I’m barely just getting the hang of coding and hopefully you can spot something simple I’m missing.
#22 by Dan - December 26th, 2009 at 20:10
oops…here’s the static fbml tab code:
<link href=”http://pranceandswagger.com/styles.css” rel=”stylesheet” type=”text/css”>
<div id=”apDiv1″></div>
#23 by admin - December 27th, 2009 at 08:26
I see a couple problems. First, in your stylesheet, don’t put quotes around a URL in an image call: url(http://domain.com/images/my-image.gif), NOT url(‘http://domain.com/images/my-umage.gif’).
Second, you’ve positioned everything using absolute positioning. Is the containing element position:relative? It has to be.
As a rule, I’m not going to provide support for using CSS and stylesheets, but these two things really jumped out.
#24 by donnam13 - December 26th, 2009 at 23:19
Hello Tim,
I’m struggling with starting my FBML coding. I`ve read your tutorial, i`ve looked through each comment on both pages and am just not getting it. I know html somewhat, but cant figure how to add a background color to my fbml project.
do i just use <background-color: (etc) as a tag? I read what you wrote about not using a or tags and just adding your html in the body without the tags – this confuses me. I already have a header image on my fbml box but want the background color to be other than white.
any help would be great. thanks.
fb page is nightmair creative if that helps.
#25 by admin - December 27th, 2009 at 08:29
I’m not sure what you’re doing from what you provided. I will say the answer is definitely either in my post or the comments. If you inline the background color, it’ll work:
<div style=”background-color:red;”></div>
#26 by donnam13 - December 27th, 2009 at 11:03
thanks for the quick response. not sure what you mean by inline the color background.
here is a direct link to my page:
http://www.facebook.com/pages/nightMair-Creative/219559784972?v=app_4949752878
i intend on adding more photos under the banner/header and want the background behind the thumbnails to be colored rather than white.
I tried the code you gave me – it didnt work. which means i’m doing it wrong. do i put this code at the beginning before my header/banner code? or can i put it after my header/banner code? and the would go at the end of all coding for the entire page, yes?
thanks,
donna
#27 by admin - December 27th, 2009 at 12:17
I’d have to see the HTML/FBML you’re using for your tab.
#28 by donnam13 - December 27th, 2009 at 12:25
i’m using this so far (i think this is what you mean?)
Click on a photo below to view entire album
*Bullets in Overdrive* *Stone Temple Pilots* *Carly’s Angels*
#29 by donnam13 - December 27th, 2009 at 12:38
oops. my code of course changed.
try again – i’ve changed all the to [ ] just so you can see the coding.
[img src="http://img.photobucket.com/albums/v504/Donna_mair/greenday1.jpg" border="0" alt="myspace header" width="760"]
[p]
[p]
[p]
[font color="Blue"] [font size="4"]Click on a photo below to view entire album [/font] [/font] [br]
[p]
[p]
[br]
[center][a href="http://www.facebook.com/pages/nightMair-Creative/219559784972?v=photos#/album.php?aid=164089&id=219559784972" target="blank"][img src="http://photos-f.ak.fbcdn.net/hphotos-ak-snc3/hs112.snc3/15945_219849964972_219559784972_4101284_5759824_n.jpg" height="200"][/a] [a href="http://nightmairphotography.com/" target="blank"][img src="http://nightmairphotography.com/wp-content/gallery/stone-temple-pilots/dsc_0528-1.jpg" height="200"][/a] [a href="http://www.facebook.com/pages/nightMair-Creative/219559784972?v=photos#/album.php?aid=164340&id=219559784972" target="blank"] [img src="http://photos-b.ak.fbcdn.net/hphotos-ak-snc3/hs112.snc3/15945_221589389972_219559784972_4108922_5398474_n.jpg" height="200"] [/a] [/center]
[font size="4"] *Bullets in Overdrive* *Stone Temple Pilots* *Carly’s Angels*
#30 by admin - December 27th, 2009 at 13:38
Phew! Well, I think you need to study up on HTML/CSS markup before getting into Static FBML. Your markup is full of deprecated tags — <font>, for example — and you’re not using <p> as containers. My advice would be to study up on CSS/HTML and then try your FBML page. I just don’t have the bandwidth to coach folks on this. Sorry!
#31 by donnam13 - December 27th, 2009 at 13:42
thanks. i guess my biggest issue with the static fbml is that everything i google on it says something different – this works but that wont. next site contradicts and says that works but this wont. i’ll keep at it though. I’ve also found sites that say CSS wont work on FB’s fbml so it is abit confusing. I’m determined
#32 by admin - December 27th, 2009 at 13:48
Well, hang in there, Donna. My post is pretty specific on what does & doesn’t work. But your big challenge is in learning how to properly code in HTML. Simple HTML markup works fine with Static FBML. And judging how far you are from understanding how to use CSS, you might (and I shudder to suggest this!) just use tables to layout your page. “Inlining” styles means putting the styles *inside* the HTML markup, as I showed in the example above with the <p> tag (which, btw, should be a *container*: <p>text text</p>). A great read is Jeffrey Zeldman’s Designing with Web Standards (3rd Edition).
#33 by donnam13 - December 27th, 2009 at 15:03
thanks. ive read. i’ve learned what u meant by depreciated tags. i’ve cleaned it up
i have background color! (but only when i use ‘blue’ and not the actual color code) and tables are something i have used so will possibly look at using here too. (and i do actually have a blog where i’m trying to learn CSS -but yes thats a ways off yet)
thank you very much for all the free help – its people like you that make it enjoyable to be online
#34 by Heidi - December 27th, 2009 at 17:52
Oops. I added the image using img src=”imagename.jpg” ) enclosed in .
#35 by ren - December 28th, 2009 at 14:49
Hi! I’m having a problem trying to work with the FBML on a fan page… the only placement options I have are Boxes and Tabs. Here is a screenshot below – there isn’t a pencil/edit box that everyone seems to mention and I tried to check all my settings. Actually I had this problem with the Extended Info application as well….
http://img.photobucket.com/albums/v282/renhuijun/Picture1.png
I would like to place it on the page wall like the Websites Box for your page. Do you have any advice? I can’t figure this out.
Also thank you for such a thorough tutorial! I’ll definitely bookmark it for reference.
#36 by Heidi - December 28th, 2009 at 17:49
Okay. I’m going to give this another try …
I am trying to add use FBML to add a single photo to my fan page. I am using img src code inside of the [p] code as such:
[p][img src="http://imagename.jpg"][/p]
The picture will show up for a little while then it shows as a broken image icon. Not sure what I am doing wrong. =(
This is a fabulous article and discussion. I’m learning lots here. Thanks so much.
#37 by Heidi - December 28th, 2009 at 17:50
actually I mean to say
[p][img src="http://imageurl.com/imagename.jpg"][/p]
#38 by Harris - December 29th, 2009 at 01:51
Hello,
I have added FBML to my fan page.. But I want the same style like you are having in your FB fan page like in (Hyperarts) tab there are many other sub-tabs. like Our portfolio, our servies etc..
How to add that thing in my fan tab?
#39 by admin - December 29th, 2009 at 09:45
I suggest you check out this tutorial on that:
http://www.snipe.net/2009/10/mini-site-facebook-static-fbml/
#40 by Woody - December 30th, 2009 at 11:18
I have been unable to get the pencil icon in the boxes tab, therefore, I have been unable to move the static fbml box to the left column of the wall on my wife’s fan page “My Body Joy”. I have no problem doing it on my fan page, “The Growing Practice.”
Thanks for your help
#41 by admin - December 30th, 2009 at 11:28
Are you an admin for your wife’s page? Are you allowed to do any editing on her page? You should be able to do this by clicking “Edit page” under the Page’s avatar/logo, then locate the FBML application for her page and click “Application Settings”. If you don’t have these options, then I’d suppose you’re either not logged in or not an admin.
#42 by Cyndie King - December 30th, 2009 at 13:20
I am having the same problem that #40 Woody is having. I have the boxes created, but no way to move them to the left column. I am an admin.
#43 by admin - December 30th, 2009 at 15:10
This may be a Facebook bug. Try these instructions:
- Open your Fan Page and click Edit Page (located under your logo/picture on the top, left-hand side of the page)
- Scroll down the list to the FBML box that you just made, click
Applications Setting, set Box: Added, Tab: Available, click Okay.
- On the same Edit Page find Links and click Applications Setting, set Box: Added, Tab: Added, click Okay.
- Go back to your Fan Page.
- Go to the tabs at the top and click on Boxes.
- You should now have the FBML box and the Links box (without the pencil icon).
- Go to the Links box and click the link on the top, left side of the box that is next to Displaying (# Links). This will take you to your Links page.
- Click Back on your browser (which will take you back to the Boxes page).
- Your FBML box should now have the pencil icon.
Let me know how it goes. I found the above here.
#44 by Nino Gonzales - January 10th, 2010 at 20:44
Hello. I really like what you did for the “HyperArts” tab of your Facebook page, the one with the subtabs. The tutorial you linked to above in comment #39 is great! You seem to be using a different way to format the tab buttons vs the one in the turorial. May I ask how those tab buttons are fomatted (they blend a lot better with Facebook). Thanks!
#45 by admin - January 15th, 2010 at 10:35
They were handcoded using FBML, HTML and CSS.
#46 by Luke - January 11th, 2010 at 11:07
I was looking at your fan page and think the extra tab feature is great.
I’m new to coding – would you be able to provide a rough template to have four tabs in the FBML similar to yours (e.g portfolio, services contact us)
Essentially what I want to have is
1. about us
2. press releases
3. contact us
4. newsletter
Cheers
Luke
#47 by admin - January 15th, 2010 at 10:45
I could certain do that, Luke. It is one of the services my company offers. Send an email to iam [at] hyperarts . com to inquire further.
#48 by Jackie Lee - January 11th, 2010 at 13:38
For some reason my fanpage is now showing the box in both the tab and the sidebar. I do not want it to show up in the sidebar ~ just in the tab. I have reviewed the instructions here a couple times and can’t seem to figure out what I”ve done wrong. I don’t want to click something and disappear it forever lol ~ please let me know what I can do.
#49 by admin - January 15th, 2010 at 10:51
Everything about doing this is in the original post or discussion thread. You go to “Edit Page” (under your top-left avatar/logo), then scroll down to the FBML app instance and click on “Application Settings” and the popup window will show, under the “Profile” tab you’ll see where it’s showing up. So if “Box” indicates “Added (remove)” click to remove it.
#50 by Rafeeque MOhamed - January 12th, 2010 at 22:54
Sir,
Is there any way to play a sound file using FBML or in FaceBook page.
With Thanks in advance
rafeeque
#51 by admin - January 15th, 2010 at 10:44
I’m certain their is a FB app for this. As for using it on an FBML page, have you tried just linking directly to the MP3? Of course, it will have to be online somewhere.
#52 by Daniel Clark - January 15th, 2010 at 14:18
I’ve made a widget on widgetbox.com that works correctly on their site. The full html works correctly on my computer when opened with Firefox and Explorer. But when I insert the html (without the and tags) into Facebook’s FBML app, it doesn’t show anything – except the Title – in its Box. Can you help? Here’s the html – http://www.irclibrary.org/sebastianlibrary/facebookwidget.txt
#53 by Daniel Clark - January 15th, 2010 at 14:23
The comment software deleted my tags in the parentheses. I meant the beginning and ending html and body tags.
#54 by Nuno Cunha - January 18th, 2010 at 04:23
Hello! Very nice blog here…Helped me a lot setting up some facebook pages…
Can you please help me with this? I’ve noticed that your facebook page has a very simple url (facebook.com/hyperarts), but whenever I setup a new page it gives me a lot more complex url…like facebook.com/anything/2123123123…
How can I have a simple url?
Thanks in advance!
#55 by admin - January 18th, 2010 at 22:08
If your page has more than 25 fans, just go to:
http://facebook.com/username
and follow the instructions there. It’s easy.
#56 by Angela Ostroff - January 25th, 2010 at 16:47
I added static FBSL to my facebook page and now I am working on adding a graphic to the “Welcome” tab and then embedding a video on top of it. I am not a developer. . . your instructions helped me to add a video (I took it out because it wasn’t mine. . I am working on one. Can I put the video in the graphic?? If so, how? Thanks!!!
#57 by timware - January 26th, 2010 at 09:19
I really have no idea what you’re asking here….
#58 by Angela Ostroff - January 25th, 2010 at 16:47
My facebook page is: http://www.facebook.com/omnisearchsolutions
#59 by pf - January 26th, 2010 at 06:44
I found the app and added to my favorites (it did not state add to my page but it did go to Boxes tab). It does not appear under Edit Page. My question: I am the admin of the Fan Page but DO NOT have a personal FB. Will I need to join, then add myself as an Admin to accomplish this? Seems that you are very limited if you don’t join as a person rather than just the Page.
#60 by timware - January 26th, 2010 at 09:27
That question is explicitly answered in this post, right at the top under the red “Please Note”! –>
In order to add applications to your Fan Page, you MUST have a personal profile associated with the Page as an Administrator; the Admin can add apps when logged in.
#61 by Ian - January 28th, 2010 at 16:06
Excellent stuff! Thanks for all the work!
OK, I’ve installed Static FBML, successfully linked to an external style sheet, and moved my FBML to my left sidebar. Oddly, the CSS doesn’t seem to load most of the time. If visit the Tab for my Static FBML I see the layout with CSS–and even it’ll be correct when I return to the main page.
Any suggestions?
#62 by timware - January 28th, 2010 at 16:22
Sorry. Not sure what might be happening there.
#63 by Ian - January 29th, 2010 at 13:54
No worries. I’ll use inline CSS until I can track this one down.
#64 by jeremy - February 1st, 2010 at 17:10
Thanks for your insight and knowledge that you have shared in this and you other blogs. I am new to FBML but am trying to set up a fan page with it for a orthodontic practice my family works with.
Even though I have read your blogs and purchased FBML Essentials, I am still at a standstill with CSS. I can get it to geenerate in a HTML generator but not in Static FBML. Could you take a look and let me know what I might be missing?
Any help would be appreciated…
<style>
body { background-color:#D0E1F5; color:#000000;
font-family:, sans-serif;
font-size:18px; width:500px;
}
</style>
<img src="http:...">
<p>....</p>
<p>....</p>
<p>....</p>
<center>....</center>
<center>.....</center>
<a href=....</center></a>
<img src="....">
#65 by Taneshia - February 5th, 2010 at 06:33
I’m having trouble adding a second FBML tab and then having the content actually show up. I’m trying to add a contact form. I’ve gone through the steps of creating the new tab but when I put in the code for the form (I’ve used by FormSpring and Wufoo) nothing shows up. I successfully had added a form in the first page using Mail Chimp’s code so I don’t know why this isn’t work.
The other thing I noticed is that even though I keep deleting the tab that doesn’t work, when I go back into FBML and create a new static page tab it automatically names and populates it with the code I was previously using. Not sure if that has anything to do with my issue.
#66 by brenda - February 5th, 2010 at 15:53
Hi…thanks so much for your info…it is right on!
We are musicians….and I would like my discography info on a tab, as well as my music….got any ideas?
I’ve heard that FB does this for bands, but in the musician arena, it’s defaulted to the boxes or on the left hand side of the wall.
Thanks so much!
#67 by admin - February 5th, 2010 at 17:20
Not sure what to tell you, Brenda. A discography can just be text, and I’m sure there are ways to embed your MP3s.
#68 by Johnny - February 7th, 2010 at 23:15
Hello
First lots of great info. My question simple, I wanted to add a banner to my fan page using
Static FBML. Do I need to upload the banner to a photobucket first, then bring the code from photobucket over to my static fbml box?
I tried pulling the code for the banner from my other websites, but it would not appear.
thanks
#69 by timware - February 8th, 2010 at 07:07
Yes, the banner images have to be on a server on the Internet, and Photobucket works fine for this. Remember, it would have to be the *full* URL to the image from your FBML page.
#70 by Jewelove - February 8th, 2010 at 02:21
I am using atbles to insert background color in my custom, it is working in firefox, but the background color is not working in IE & Chrome
#71 by timware - February 8th, 2010 at 07:08
It’s probably not working in IE because you’re inlining styles. Read this blog post on IE, CSS and FBML.
#72 by jeremy - January 31st, 2010 at 23:26
Should I have taken out my content within the tags? If so, I can re submit if you delete. Again, thanks for any insight!
#73 by admin - February 1st, 2010 at 07:05
Yes, please repost without all the content. But I looked at the code you sent. You might use:
<style type=”text/css”></style> instead of just <style> and there’s a missing quotation mark before the http in the last image on the page.
You said you used <body> tags but I didn’t see them in the code you provided. Definitely don’t use them in the Static FBML app.
Other than that, it looks fine.
#74 by jeremy - February 1st, 2010 at 17:31
The tag was in the CSS. I tried without and I get all of my information on the page but the CSS does not apply the bg color or font size, type or width.
I tried your suggestion above about using style type=”text/css”, yet it did not work.
What tag should I use instead of body in FBML?
Thank you again for your help and replies. It is good to know there are people out there willing to help.
#75 by timware - February 1st, 2010 at 18:39
You don’t need a body tag at all because FB supplies that. You might try uploading your styles as a .css stylesheet and then call it per the instructions in this post.