title: Facebook Like Button on Blogger is showing total like count of the mainpage, but not of each individual article (for new articles)
body: <p>So I'm trying to help a friend out with his Blogger blog and its integration with Facebook. He'd been having several issues (like a messed up og meta tags and what not) and we were finally able to get everything sorted, and running the site on Facebook's Debugger, everything came out fine. But now we have an issue where new posts show the overall likes of the main page, and not of each individual post for their Facebook Like buttons, while old posts are unaffected (have individual like counts.)  </p>
  
  <p>FYI, the site in question is <a href="http://www.losheladeros.com/" rel="nofollow">Los Heladeros</a> (which apparently has around 87 likes at this point), and the Facebook site is /LOSH3LAD3ROS (which has 765 likes, so the likes aren't tied to the Facebook site, but rather the main page domain).</p>
  
  <p>Now, we followed <a href="http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html" rel="nofollow">this tutorial</a> to create the code for the Like button to show up on each post (which it does, no problem). Here is the code for the button:</p>
  
  <pre><code>&lt;div&gt;
  &lt;b:if cond='data:post.isFirstPost'&gt; 
  &lt;script&gt;(function(d){
    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
    js = d.createElement('script'); js.id = id; js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    d.getElementsByTagName('head')[0].appendChild(js);
  }(document));&lt;/script&gt;
  &lt;/b:if&gt; 
  &lt;fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="lucida grande" action="like" colorscheme="light"&gt;&lt;/fb:like&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, now, any new posts on the site are including the total likes for the main page (not the FB page), and not likes for the individual post (i.e., every new post starts off immediately with something like 87 likes at this point), yet all the old posts (before we fixed the Open Graph metadata issues) are perfectly fine (i.e., they show maybe a few likes, and are not affected by new likes or shares from the main page.) </p>
  
  <p><em>FYI, I've just noted that a post that was before the fix, and previously only showed a few shares, has now reverted to the overall count...</em></p>
  
  <p>Here's the Open Graph metadata for the site:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html b:version='2' class='v2' 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://ogp.me/ns#'&gt; 
  
  &lt;title&gt;Los Heladeros: TU UPDATE MUSICAL ANTES QUE SE DERRITA&lt;/title&gt;
  
  &lt;!-- Facebook Open Graph Meta Tags --&gt;
  &lt;meta content='Los Heladeros' property='og:title'/&gt;
  &lt;meta content='blog' property='og:type'/&gt;
  &lt;meta content='http://www.losheladeros.com' property='og:url'/&gt;
  &lt;meta content='https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash4/377165_310579818971632_1169246050_n.jpg' property='og:image'/&gt;
  &lt;meta content='Los Heladeros' property='og:site_name'/&gt;
  &lt;meta content='502365163' property='fb:admins'/&gt;
  &lt;meta content='335887849786080' property='fb:app_id'/&gt;
  &lt;meta content='Descargas gratis de música que no es cool, pero lo será mañana | HOUSE | INDIE | DISCO |' property='og:description'/&gt;
  
  &lt;!-- Open Graph Meta Tags by: www.MetaTagGenerator.org --&gt;
  </code></pre>
  
  <p>So I've read on other posts that you have to set the "<strong>og:url</strong>" to the specific site in question (i.e., every single post) and not the overall site, but isn't that what the "<strong>data:post.canonicalUrl</strong>" bit in the FB Like button code supposed to do? I know there has to be a way to have one universal code on the template page, and have the urls be pulled dynamically and the counts be individual for each post (and looking back at the old code before the meta tags were cleaned up, he had the same overall site URL as we have now, and never encountered this issue, so clearly before it was somehow working in a way). </p>
  
  <p>Also, if I share any of the new articles, I subsequently get the picture and description of the main page, and not of the individual post, but when I share an old post, it auto generates the correct image and description. I've tried comparing the Facebook Debugger on both an old post and a new post and there is no discrepancy (as there shouldn't be any). I'm so confused as to what could possibly be doing this since it's a universal, over arching code, and I guess I would expect <em>ALL</em> posts to act the same way, and not just some (i.e., new and old). </p>
  
  <p>FYI, since I'm a new user I can only post two links, but if you go to the main page, the newer posts are up top and have the 87+ like counts on the buttons and if you scroll down you'll eventually see older posts which have more modest counts (i.e., they're being counted correctly). </p>
  
  <p>I would greatly appreciate any help you guys can give me. This is my first stackoverflow post, and I've read almost every single related post and still cannot find an answer to this problem. </p>