Install Latest Facebook Comments Box in Blogger

ADD FACEBOOK COMMENTS BOX IN BLOGGER

HOW TO ADD FACEBOOK COMMENTS Box in blogger

Facebook is a Most Popular Socail Site. and Its Provide Directy Comment on Blogger Via Fb . Most Of User Like Comment Via Facebook
For those who want to Add Fb Comment In Blogger , please follow the steps below

HOW TO ADD FACEBOOK COMMENTS WIDGET IN BLOGGER

1. Add meta tags facebook below in the  template under <head>


<meta content = 'admin Facebook ID Code' property = "fb: admins' />
<meta content = 'Facebook Application ID Code' property = "fb: APP_ID '/>

Note: You have to add Fb Admin ID Code and Fb Application In Code.  if you have applied the steps above, please skip to the next step further


2. Add the following code before the </ head>


<script type = "text / javascript">
// <! [CDATA [
$ (window) .bind ("resize load", function () {
 var url = location.protocol + '//' + location.host + location.pathname;
  containercm_width var = $ ('# container-commentfb'). width (); 
    $ ('# container-commentfb'). html ('<div class = "fb-comments"' +
    'Data-href = "' + url + '"' +
    'Width =' '+ containercm_width +' "data-num-posts =" 10 "> </ div> ');
    FB.XFBML.parse (); 
  });
//]]>
</ script>



3. Then add the following code just below the code <data: post.body /> on the page post


<b: if cond = 'data: the blog.pageType == & quot; item & quot;'>
<div id = "fb-root '/>
<script src = 'http: //connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id = "container-commentfb 'style =' width: 100%;"> <fb: comments expr: href = 'Data: post.url' NUM_POSTS = '10 'width =' 650 '/> </ div>
</ b: if>


4. Save the template. and See Results

Note - To display comments facebook count on the index page and post, please add the code below in the markup post meta or post information .


 <a expr:href='data:post.url + "#fb-comment"'> <span class = "fb-comments-count" expr: the data-href = 'Data: post.url'> </ span > facebook comments </a>

Post a Comment

Previous Post Next Post