How do I add photos into a Static FBML box?

Facebook Fan Page FBML App – How To Add an Image

The FBML app for Facebook Fan Pages can be challenging, especially if you are just getting started with figuring our its capacities, and its limitations regarding HTML. One of the easiest HTML elements to add to the FBML app are images. And adding custom images to your Facebook Fan Page is a great way to brand your own business on your page.

Add images to the FBML app:

The first thing you need to do to add an image to your FBML app is to upload your image to a server. If you have a WordPress blog, then you can click “Add New” underneath your “Media” section on your WP dashboard.

Otherwise, you can use a free hosting service like Google Sites to upload your image.

Ultimately, you need a URL for whatever image you are wanting to add to your FBML app.

Once you have a URL for your image, then adding it to your FBML app is as simple as adding standard HTML code for an image.

here’s the HTML code that I’m using:

Now if you wanted to link your image to an external website, then you’d add the following HTML element to your image HTML:

Notice how the linking HTML is now wrapped around the image HTML.

I also added the element target=”_blank” since that allows your link to open in a new window. Of course, all you’d have to do is remove the target=”_blank” element to have the image open in the same window.

How to add a custom tab to your Facebook fan page

Here’s how to add a similar tab to your institution’s fan page. Keep in mind you must be an administrator of the page you want to add the tab to.

First, search for the FBML app. You can just enter in FBML in the search box on any page.

You’ll want the application called Static FBML. It will look like this. You can click for a larger size image.

Visit the application’s page, which looks like this. You’ll want to say “Add to my Page.”

When you add it to your page, you can choose what pages or applications you want to add the FBML to. You can add it to multiple pages, but be aware that you can only have 1 FBML application on a page, unfortunatly.

At this point, begin editing your page. Find the FBML area and click on the pencil icon to start editing it.

You’ll be given an area where you can title your box as well as edit the content. In box title, enter what you want the text of your tab to say. Don’t worry if you don’t know FBML, you don’t need to. You can put straight up HTML in here, complete with images and more.

Once you’ve got your content in the box (and don’t worry, you can always edit or add more later), it’s time to add it to your page. Go back to your fan page and click on the plus sign (+), which should be the last tab in the row, like such:

When you click the plus sign, you should see all the applications and content you can add as a tab. One of the choices should be the box name you entered when editing the FBML box. Click on it and it will be added to your page.

Click on the tab and if everything’s gone correctly, you should see the HTML content you entered in. Here’s what I see using the HTML I entered a few screens ago.

There you go – you should now have a brand new tab on your fan page you can add all sorts of neat content to.