How To Add An Image To FBML App For Facebook Fan Pages

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 image I have added to my default landing tab for my Facebook Fan Page:

You can also see my entire custom FBML tab here.

And for the image you see above, here’s the HTML code that I’m using:

<img src=”http://seoscale.googlepages.com/facebookfanbutton2.gif”>

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

<a href=”http://yourwebsite.com” target=”_blank”><img src=”http://seoscale.googlepages.com/facebookfanbutton2.gif”></a>

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.