What should be a simple thing to do seems to be fraught with challenges, however after a bit of searching around, I came across what must be the best and simplest plugin out there, so don’t waste your time looking any further.

Simple Facebook Connect http://wordpress.org/extend/plugins/simple-facebook-connect/ or http://ottopress.com/wordpress-plugins/simple-facebook-connect/

Is by far and away the easiest, most comprehensive and well documented plugin for Facebook,

Having recently sorted out how to get Facebook plugins to work with a static html site, I knew that getting it to work with WordPress wouldn’t be straightforward, however Otto’s plugin is simply the best one out there, so what more can I say, than check it out for yourself, go to Otto’s blog here: http://ottopress.com/wordpress-plugins/simple-facebook-connect/ or get the plugin direct from the WordPress site: http://wordpress.org/extend/plugins/simple-facebook-connect/ install it as per the instructions, and you are done!

p.s. don’t forget to send Otto a beer!

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!

  

Switch to our mobile site