When I click the facebook like button on one of my posts on my blog, it registers a “like” on every post on my blog. I am trying to get it so that if I click “like” on a post, it only works for that post in particular.
Do you see what I’ve done wrong? Thanks for your help, if you can
This is my html tag
<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
this is in my header. Note, it says “example.com” here, that’s just because I didn’t want to post my actual domain name. On my site, I use my real domain name there
<meta property="og:title" content="My example website"/>
<meta property="og:site_name" content="my example website"/>
<meta property="og:image" content="http://example.com/2011/pic-of-your-mama/"/>
<meta property="fb:app_id" content="app id"/>
<meta property="fb:admins" content="my facebook id"/>
This is going just after my body tag
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'myfacebookid',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
And this is what I have for the actual button
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=myappid&xfbml=1"></script><fb:like href="http://example.com" send="true" width="450" show_faces="false" font="arial"></fb:like>
In your button there is:
I think you forgot to set a proper URL there (probably the URL of the blogpost you like).