Notification texts go here Contact Us Buy Now!

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.

About the Author

Cssmoz for learning web design and development, get latest blogger tips, Facebook tips, learn work prayers for beginners also get HTML templates, Blogger templates, Wordpress themes and more!
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
NextGen Digital Welcome to WhatsApp chat
Howdy! How can we help you today?
Type here...