views:

13

answers:

0

I have used fb:like with og meta tags set. it works properly in all browsers except IE. In IE i am when i click on Like button it does not displays "share your comment box" popup on hover. but in all browser it does.

here is my code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/"&gt; <head>

<meta property="og:title" content="add the Facebook like button"/> <meta property="og:site_name" content="sitename"/> <meta property="og:image" content="http:/www.mysitename.com/images/myimagename.jpg"/> <meta property="og:type" content="article" /> <meta property="og:url" content="http:/www.mysitename.com/home.html"/> <meta property="og:description" content="description comes here"/>

</head> <body>

<div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
      FB.init({ appId: 'myappid', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>

    <br /> <br /> <fb:like href="http:/www.mysitename.com/home.html" layout="button_count" show_faces="false" width="350"></fb:like> <br /><br />

</body> </html>

related questions