title: Facebook like button using XFBML in Blogger - cannot make individual like buttons for each post
body: <p>I'm trying to put the Facebook Like button using XFBML in my <a href="http://en.wikipedia.org/wiki/Blogger_%28service%29" rel="nofollow noreferrer">Blogger</a> blog. I want it to display a different button for each post, not the same for all the blog.</p>
  
  <p>I've followed the guidelines in this link, among others: <a href="http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html" rel="nofollow noreferrer">http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html</a></p>
  
  <p>What's happening is that the like button is displayed, but it's exactly the same one for all the posts. I've read that using expr:href='data:post.url' should fix this particular problem, but for some reason this is not working. This is all the relevant code, I hope you guys can tell me what I'm doing wrong.</p>
  
  <pre><code>&lt;code&gt;
      // XFBML declaration
      &lt;html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema/'&gt;
  
      // Opengraph tags (in head)
      &lt; b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
          &lt; meta expr:content='data:blog.pageTitle' property='og:title'/&gt;
          &lt; meta expr:content='data:blog.url' property='og:url'/&gt;
      &lt; b:else/&gt;
          &lt; meta expr:content='data:blog.title' property='og:title'/&gt;
          &lt; meta expr:content='data:blog.homepageUrl' property='og:url'/&gt;
      &lt; /b:if&gt;
      &lt; meta content='blog' property='og:type'/&gt;
      &lt; meta content='http://lh5.ggpht.com/_4b9fZK142hk/TFHpg-2YeBI/AAAAAAAAEVM/MXLyeL6dvmk/TV%20512x512.jpg' property='og:image'/&gt;
      &lt; meta content='La guía de cine y series' property='og:site_name'/&gt;
      &lt; meta content='MY PROFILE ID IS HERE' property='fb:admins'/&gt;
      &lt; meta content='MY APP ID IS HERE' property='fb:app_id'/&gt;
      &lt; meta content='La guía de cine y series es un blog en español sobre series de TV y películas. Podés encontrar todo tipo de información sobre series de TV y películas: noticias, reviews, previews, trailers, posters y etc.' property='og:description'/&gt;
      &lt; meta content='Ciudad Autónoma de Buenos Aires' property='og:locality'/&gt;
      &lt; meta content='Ciudad Autónoma de Buenos Aires' property='og:region'/&gt;
      &lt; meta content='Argentina' property='og:country-name'/&gt;
      &lt; meta content='MY EMAIL' property='og:email'/&gt;
  
      // FB Init (in body)
      &lt; div id='fb-root'/&gt;
      &lt; script&gt;
          window.fbAsyncInit = function() {
            FB.init({appId: 'MY_APP_ID', status: true, cookie: true, xfbml: true});
          };
          (function() {
            var e = document.createElement('script'); e.async = true;
            e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
            document.getElementById('fb-root').appendChild(e);
          }());
      &lt; /script&gt;
  
      // And finally the like button, in the post footer.
      &lt; div class='post-footer-line post-footer-line-3'&gt;
          &lt; div style="margin-top:10px; margin-left:5px;"&gt;
              &lt; fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='true'/&gt;
          &lt; /div&gt;
      &lt; /div&gt;
  &lt;/code&gt;
  </code></pre>
  
  <p>I've also set the base domain as <code>blogspot.com</code> in the Facebook Application Settings, and the Connect URL is the blog URL ending with a slash.</p>