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.

  • Pingback: Crude, Gold Add To Gains After Fed Decision | TodaysNews()

  • http://www.hyperarts.com/blog/ Tim Ware

    Great post here, Robert. First, I assume you're talking about the Static FBML app for Facebook fan pages, correct? It's really quite flexible and we've used it to customize a number of fan pages. I've posted both a Static FBML FAQ and a Static FBML tutorial on the HyperArts blog, which your readers should find useful. There are also a number of other resources on our blog regarding Facebook programming, social media and WordPress (which we LOVE for site development).

    Anyway, keep up the good work!

    • http://www.facebook.com/D.RobertHolland Robert Holland

      Hi Tim – I'm always open to writing up a review of your site, services, and business which is a great way to get your business and content in front of the readers of this blog. Each article is also syndicated to our Facebook Fan Page and Twitter profile.

      If you'd be interested in having us do that, feel free to contact me (contact link on the right hand side bar) anytime!

      Thanks again…

      P.S. careful with your links, there is a fine line between comment spamming and contributing.

      Cheers!

  • http://www.hyperarts.com/blog/ Tim Ware

    Great post here, Robert. First, I assume you're talking about the Static FBML app for Facebook fan pages, correct? It's really quite flexible and we've used it to customize a number of fan pages. I've posted both a Static FBML FAQ and a Static FBML tutorial on the HyperArts blog, which your readers should find useful. There are also a number of other resources on our blog regarding Facebook programming, social media and WordPress (which we LOVE for site development).

    Anyway, keep up the good work!

    • http://www.facebook.com/D.RobertHolland Robert Holland

      Hi Tim – I'm always open to writing up a review of your site, services, and business which is a great way to get your business and content in front of the readers of this blog. Each article is also syndicated to our Facebook Fan Page and Twitter profile.

      If you'd be interested in having us do that, feel free to contact me (contact link on the right hand side bar) anytime!

      Thanks again…

      P.S. careful with your links, there is a fine line between comment spamming and contributing.

      Cheers!

  • http://www.mamaloveslists.com eliz thomas

    Facebook Fan pages seem to be broken as of a couple days ago our Fan Pages posts no longer show up in Fan's news streams. Anyone have any ideas? Thanks!

  • http://www.mamaloveslists.com eliz thomas

    Facebook Fan pages seem to be broken as of a couple days ago our Fan Pages posts no longer show up in Fan's news streams. Anyone have any ideas? Thanks!

  • Pingback: Facebook TabSite – Create a WebSite in Facebook without Static FBML its Easy! | Startup Websites()

  • Pingback: Latest Image Hosting Auctions | World online hosting review()

  • Tanya M. Robinson

    Hello! I think I am doing something wrong. For some reason, I am not able to get the image to come up. Here is the code I'm using:

    <img src=&rdquo;http://s849.photobucket.com/albums/ab60/The9sEMP/The%20other%20city%20scene/?action=view&current=TheNinesBigSmall.jpg&quot;

    Could you please let me know what I am doing wrong? Thanks a bunch!

    • http://socialmediaseo.net SMSEO

      if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • Tanya M. Robinson

    Hello! I think I am doing something wrong. For some reason, I am not able to get the image to come up. Here is the code I'm using:

    <img src=”http://s849.photobucket.com/albums/ab60/The9sEMP/The%20other%20city%20scene/?action=view&current=TheNinesBigSmall.jpg&quot;

    Could you please let me know what I am doing wrong? Thanks a bunch!

  • Tyler

    Remove the semi-colon, and the link need to be to the image. In your case it would behttp://i849.photobucket.com/albums/ab60/The9sEMP/

    <img src=&rdquo;http://i849.photobucket.com/albums/ab60/The9sEMP/The%20other%20city%20scene/TheNinesBigSmall.jpg&quot; />

    • http://socialmediaseo.net SMSEO

      if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • Tyler

    Remove the semi-colon, and the link need to be to the image. In your case it would behttp://i849.photobucket.com/albums/ab60/The9sEMP/

    <img src=”http://i849.photobucket.com/albums/ab60/The9sEMP/The%20other%20city%20scene/TheNinesBigSmall.jpg&quot; />

  • Ashley

    Hi! For some reason, my image is linking itself back to facebook and I don't know why. I'd like it to link to the external site I provided in the code. Could you please tell me what I am doing wrong? Here is the code I'm using:

    <img src="http://i1019.photobucket.com/albums/af315/ashleyk… width="350" height="330" border="0" target="_blank" />

  • Ashley

    Hi! For some reason, my image is linking itself back to facebook and I don't know why. I'd like it to link to the external site I provided in the code. Could you please tell me what I am doing wrong? Here is the code I'm using:

    <img src=". width="350" height="330" border="0" target="_blank" />

    • http://socialmediaseo.net SMSEO

      if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • http://www.applebusiness.com.au Katrina

    Hi, my image is not working either? I am trying to link it to my website and nothing is coming up. Could you please let me know what I am doing wrong? Here is the code:

    <img src=&rdquo ;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;
    <img src=&rdquo <a href="http://;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;” target=”_blank”>;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;

    • http://socialmediaseo.net SMSEO

      if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • http://www.applebusiness.com.au Katrina

    Hi, my image is not working either? I am trying to link it to my website and nothing is coming up. Could you please let me know what I am doing wrong? Here is the code:

    <img src=&rdquo ;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;
    <img src=&rdquo http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;” target=”_blank”>;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;

  • http://www.applebusiness.com.au Katrina

    Not sure what happened when I posted the code? Here it is again:

    <a ref=&rdquo ;http://www.applebusiness.com.au&rdquo; target=”_blank”><imgsrc=&rdquo <a href="http://;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;” target=”_blank”>;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;

    • http://socialmediaseo.net SMSEO

      if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • liz

    Mine is not working either and I copied and pasted from your article and just changed the image url.

    <img src=&rdquo ;http://pismodunesbeachhouse.com/wp-content/uploads/2010/06/Pearl-square-label.jpg&gt;

    No image shows up

    • http://socialmediaseo.net SMSEO

      if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • liz

    Mine is not working either and I copied and pasted from your article and just changed the image url.

    <img src=&rdquo ;http://pismodunesbeachhouse.com/wp-content/uploads/2010/06/Pearl-square-label.jpg&gt;

    No image shows up

  • Pingback: Static520: FBML App Made Simple | Startup Websites()

  • http://www.applebusiness.com.au Katrina

    Not sure what happened when I posted the code? Here it is again:

    <a ref=&rdquo ;http://www.applebusiness.com.au&rdquo; target=”_blank”><imgsrc=&rdquo <a href="http://;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;” target=”_blank”>;http://seoscale.googlepages.com/facebookfanbutton2.gif”&gt;

    • http://socialmediaseo.net SMSEO

      Hi Katrina – try this:

      You forgot the closing tag “”

    • http://socialmediaseo.net SMSEO

      if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • Lynda Cromar

    I don’t know what I am doing wrong I have copied your code exactly for a facebook image in the fanpage but I get that little nugget that says its not there

    • http://socialmediaseo.net SMSEO

      Hi Lynda, can you post the code you are using so I can have a look?

      Thanks…

      or email it to me at seoscale@gmail.com

      Thanks again…

  • teen72

    Hi, thanks for a brilliant tutorial.

    I am having a lot of trouble though. I have copied your code to input an image under my new Welcome Tab, but for some reason the image is not showing up, it is just a tiny box with a cross in it. My image is 520 x 703 pixels and is an RGB image. The code I am trying to input is:

    Do you have any idea what my problem could be? When I try to input the image and link directly to the site, it doesn’t show anything at all – not even the tiny box.

    This is the code I have been putting in for that:

    Any information you can give me would be most appreciated. :)

  • Nondas

    Worked perfectly, thanks heaps! :)

  • Vince

    Got a question for you: I’ve added a picture to my new FBML tab and need to put a text below the picture. Unfortunately, it doesn’t work. The text is always behind the pic. Can you help me? I struggle!

    • http://tabletcrunch.com Tablet Crunch

      Hi Vince – can you email me the code that you are using for your Fan Page?

      I’ll take a look at what you got…

      email: seoscale@gmail.com

  • Vince

    Got a question for you: I’ve added a picture to my new FBML tab and need to put a text below the picture. Unfortunately, it doesn’t work. The text is always behind the pic. Can you help me? I struggle!

  • http://socialmediaseo.net SMSEO

    if you send me your code to email “seoscale@gmail.com” I will check it out and reply – I can’t reply in comments because the comment box doesn’t allow html closing tags.

  • mf

    Hi Robert, thanks for this but my image showed up as a question mark. I tested the exact same code in blogger and it worked! I tried putting the image in a table as well – it just didn’t work on my Static FBML tab. Any idea why?

    • http://tabletcrunch.com Tablet Crunch

      Hi – if your image isn’t showing up then there must be something wrong with
      the code somewhere – can you please send me the code – along with a link to
      your fan page – that you are trying to work with?

      You can email it directly to seoscale@gmail.com

      Thanks again

  • Pingback: Extremely Useful Facebook Markup Language Tips and Tricks()

  • http://offtomobil.ru/ автомобили, авто, машины
  • http://technikainternetu.pl/component/mailto/?tmpl=component&link=593f9e63971fd8d8288b1cd9de69254ce1fe13b7 Jaki hosting wybrać

    hey there and thanks in your information ? I have certainly picked up anything new from right here. I did alternatively expertise some technical points the usage of this website, as I skilled to reload the web site many instances previous to I may get it to load correctly. I were brooding about if your hosting is OK? Not that I am complaining, but slow loading cases times will very frequently have an effect on your placement in google and can harm your high-quality ranking if ads and marketing with Adwords. Well I am adding this RSS to my email and could glance out for a lot extra of your respective intriguing content. Make sure you update this again soon..