title: How can I add Facebook's "like" button to a Blogger blog?
body: <p>I want to add <a href="http://developers.facebook.com/docs/reference/plugins/like" rel="nofollow noreferrer">the new facebook "like" button</a> to my Blogger website.</p>
  
  <p>I have to pass the URL to the blog posts in the <code>iframe src</code>.</p>
  
  <p>I can get the Blogger posts URL from <code>&lt;data:post.url/&gt;</code> but I can't put that in a <code>src</code> string because Blogger's template system is weird.</p>
  
  <p>I want to do this:</p>
  
  <pre><code>&lt;iframe allowTransparency='true' frameborder='0' scrolling='no'
  src='http://www.facebook.com/plugins/like.php?href=&lt;data:post.url/&gt;&amp;amp;layout=standard&amp;amp;show-faces=true&amp;amp;width=450&amp;amp;action=like&amp;amp;colorscheme=light'
  style='border:none; overflow:hidden; width:450px; height:px'/&gt;
  </code></pre>
  
  <p>but Blogger complains:</p>
  
  <blockquote>
    <p>Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.<br>
    XML error message: The value of attribute "src" associated with an element type "null" must not contain the '&lt;' character."</p>
  </blockquote>
  
  <p>Does anybody have this working yet?</p>