How to Add a Clickable Image in Static FBML

When adding an image in the FBML box, I’ve found that the best place to host images is Photobucket. Using Flickr or Facebook photos caused issues for me. If it works for you, stick with it. The maximum width for an image in the FBML tab is 520px.Get the desired photos from photobucket.

There is no maximum height, but think of it as a landing page by keeping the scrolling to a minimum. Ask yourself: do you want users to scroll down to get the message or do you want to get the main point across once they’ve landed on your page?


Upload your image to your Photobucket account. Copy the direct URL to the image you intend to use in your FBML box. Next, you want to use this code:

< a href=” http: / /xxxxx” mce_href=”http: // xxxxx” target=”_blank”>< img src=” http: //yyyyy” mce_src=”http://yyyyy” width=”##px” height=”##px” border=”0″ alt=” “>< / a>

Without Spaces

Replace the xxxxx with the target URL. Replace the yyyyy with the direct link to your uploaded Photobucket image. Replace the ## with your width and height in pixels.