What a hassle! after hours of running around to find out what the problem was, I finally came across this post http://digitizor.com/2010/07/06/fix-facebook-connect-xfbml-not-showing-ie/ by Debjit, and … fixed!

Interestingly, at the same time, facebook also changed the like button creator (available here: http://developers.facebook.com/docs/reference/plugins/like ) and they removed the javascript and placed it so that it could be located off-site.

So, here’s a quick fix that will help you to show Facebook Like Button on Microsoft Internet Explorer (all versions).

If you have setup Facebook Like buttons for a website it is probable that these buttons may not show up or are not visible in Internet Explorer but are very well visible in browsers like Firefox and Google Chrome. To fix this all you need to do is just add these two xmlns attributes to your page’s main html tag:

xmlns:fb=”http://www.facebook.com/2008/fbml”

xmlns:og=”http://opengraphprotocol.org/schema/”

After adding this attribute to the HTML tag, your fully completed html tag should look like this:

<html xmlns:fb="http://www.facebook.com/2008/fbml" 
xmlns:og="http://opengraphprotocol.org/schema/">
.
.
.
.
</html>

Then just paste the following XFBMLcode where you want your like button to appear:

<!-- Facebook Like Button -->
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like></fb:like>
<!-- Ends Facebook like Button –>

By default this will link to the current page, if you want to specify the url, then just use this code instead:

<!-- Facebook Like Button -->
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href=http://www.example.com/pagelink></fb:like>
<!-- Ends Facebook like Button –>

And remember to replace http://www.example.com/pagelink with your own link!

Tagged with:

Filed under: Uncategorized

Like this post? Subscribe to my RSS feed and get loads more!