04 May 2010

Use XFBML tags instead of Iframes with new Facebook “Like” buttons

How to Facebook 4 Comments

If you use XFBML tags in your website versus the iframe option, you can have much more control over how they act and also iFrames are not always compatible with browsers

After several hours of trying to figure out how to get these new Facebook Social Plug-ins to work in both Firefox and Internet Explorer, I figured it out.

You must include the code below in between your <HEAD><HEAD> tags.

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”>
<script src=”/xfbml/xfbml.js”></script>

Let us know if you get stuck and we can help you implement it into your site.

© 2010, Dynasty Web Solutions. All rights reserved.

Related posts:

  1. Using Twitter Hash Tags to Boost Your Visibility and Credibility
  2. How to connect your Domain to Facebook for Insights
  3. Facebook Fan Pages – Hide certain content from non-fans
  4. Facebook Insights Plug-In on WordPress
  5. Turn Blog Post into Facebook Admin Page

4 Responses to “Use XFBML tags instead of Iframes with new Facebook “Like” buttons”

  1. Guest says:
    May 8, 2010 at 12:44 am

    I don’t understand how we are supposed to “bellow” the code between the tags. I spent hours reading through other documentation available online about “bellows” (ex, http://en.wikipedia.org/wiki/Bellows). Unfortunately I was fruitless in my search.

    On a more serious note. This is some good information. :)

  2. Dynasty Web Solutions says:
    May 8, 2010 at 1:01 am

    Thanks for the sharp eye and nice comment. Hope you share with your friends.

  3. OLAMAN says:
    June 29, 2010 at 7:24 pm

    What does Youtube use for its comment system?
    There is no page refresh when commenting or navigating through the comments.

  4. Dynasty Web Solutions says:
    July 1, 2010 at 7:51 pm

    Not sure what they use.

Leave a Reply

Login with Facebook:

Spam Protection by WP-SpamFree