facebook comment html code for blogger and website

er and I just installed the new FaceBook Comments plugin. The code looks like this.

<div id="fb-root"></div>
<script>(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));</script>
<fb:comments href="zephraz.blogspot.com" num_posts="10" width="490" colorscheme="dark"></fb:comments>

I am really having a difficult time because the same comments appear on each of the post on my blog. I 

Facebook comment for all post show 

<div class="fb-comments" data-href="http://www.arenamazza.blogspot.com" data-num-posts="2" data-width="520"></div>

<div><div id="421039857927284" align="left" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://arenamazza.blogspot.com" data-send="true" data-width="450" data-show-faces="true"></div>


<div class="fb-comments" data-href="http://arenamazza.blogspot.com" 
data-num-posts="10" data-width="480"></div></div></div>

Where is red colour please change to your url

Posted in: blogger,codes,facebook,html,jquery,web designing