How to Install Facebook Comments on Blogger - Templates Boy

Halaman

    Social Items

 How to Install Facebook Responsive Comments on Blogger

How to Install Facebook Comments on Blogger - Still discussing about comments, Templates Boy's second tutorial will share how to post responsive Facebook comments on blogs. The benefit of posting a Facebook comment on this blogger allows visitors to comment directly on the article he read using a Facebook account.

Also read : Overcoming Thumbnails Share Post Facebook

For those who want to try it, please follow the steps below

How to Install Facebook Comments on Blogger


1. Add the facebook meta tag below in the template just below. <head>

<meta content='Facebook admin ID code' property='fb:admins'/>
<meta content='Facebook App ID Code' property='fb:app_id'/>

Note : If you have implemented the steps above, please skip to the next step

2. Add the code below before </head>

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#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. Next add the code below just below the code <data:post.body/> on the post page

<b:if cond='data: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.

To display the facebook comment count in the index and post pages, please add the code below to the post meta markup or post info according to the template used :

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

That's the tutorial about How to Install Facebook Comments on Blogger, may be useful.

How to Install Facebook Comments on Blogger

 How to Install Facebook Responsive Comments on Blogger

How to Install Facebook Comments on Blogger - Still discussing about comments, Templates Boy's second tutorial will share how to post responsive Facebook comments on blogs. The benefit of posting a Facebook comment on this blogger allows visitors to comment directly on the article he read using a Facebook account.

Also read : Overcoming Thumbnails Share Post Facebook

For those who want to try it, please follow the steps below

How to Install Facebook Comments on Blogger


1. Add the facebook meta tag below in the template just below. <head>

<meta content='Facebook admin ID code' property='fb:admins'/>
<meta content='Facebook App ID Code' property='fb:app_id'/>

Note : If you have implemented the steps above, please skip to the next step

2. Add the code below before </head>

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#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. Next add the code below just below the code <data:post.body/> on the post page

<b:if cond='data: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.

To display the facebook comment count in the index and post pages, please add the code below to the post meta markup or post info according to the template used :

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

That's the tutorial about How to Install Facebook Comments on Blogger, may be useful.

Related Post

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter