How to Link Images on FBML on Facebook

Adding a linked image to your Facebook page requires very little coding knowledge.

FBML, short for Facebook Markup Language, is Facebook's version of HTML. Once a user installs the FBML application on his Facebook page, he can make a customized tab in his Facebook page and design it using HTML tags. Linking an image in FBML can be done by using the HTML <img> image tag combined with the HTML <a href> link tag. This is a good, visually attractive way to refer visitors from your Facebook page to your website.

Instructions

1. Open your Internet browser and go to your Facebook page. Click on the "Edit Page" link under the page's avatar. Scroll down to the "Applications" section and find the FBML app. Click the "Edit" link under "FBML."

2. Click in the text field marked "FBML:" to move the cursor there. Open the link tag by typing:

   <a href="http://www.website.com">

   Replace "http://www.website.com" with the website you want to link the image to.

3. Define the URL of the image you want to display by typing:

   <img src="http://www.website.com/image.jpg" alt="Picture description" />

   Replace "http://www.website.com/image.jpg" with the URL of the image you want to display. Replace "Picture description" with a description of the image for anyone who cannot load the image.

4. Close the link tag by typing:

   </a>

   An example of a complete image link in FBML is:

   <a href="http://www.website.com">
   <img src="http://www.website.com/image.jpg" alt="Picture description" />
   </a>

5. Click "Save Changes" to save the linked image and publish it to your FBML tab.

Tips & Warnings

• Keep the image to 520 pixels or less so that it will fit in the FBML tab.

• You can host the image you want to display on your website's server, or on a website that provides free image hosting services.

References

• Social Media Examiner: How to Customize Your Facebook Page Using Static FBML
• W3Schools: HTML <img> Tag
• W3Schools: HTML Links

Resources

• Facebook: Home