How to add facebook comment plugin to blogger | How to Post Responsive Facebook Comments on Blogger


How to add facebook comment plugin to blogger | How to Post Responsive Facebook Comments on Blogger

Still discussing comments, today's second tutorial cssmoz will share the way to post responsive Facebook comments on blogs. the advantages of posting Facebook comments on this blogger allow visitors to comment directly on articles that he read by employing a Facebook account.

Here is a one of the best way how to add Facebook Comment Plugin in Blogger Please Follow thous steps for add Facebook comment On your blog OR Website.
For people who want to undertake it, please follow the steps below

How to Post Responsive Facebook Comments on Blogger

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

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

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

2. Add the code below before </head>

<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 = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.9&amp;appId=443344326514646&quot;;
               fjs.parentNode.insertBefore(js, fjs);
               }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
            </script>

3. Next add the code below right below the code<data:post.body/> on the post page On Your template

<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 on 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>

Thus the tutorial about How to Post Responsive Facebook Comments on Blogger may be useful.
Posted at
Share
Labels,