Web Design | SEO | Digital Marketing

Digital Marketing Tutorials

Add Facebook Comment Box Plugin To Your Blogger Website Easily

Easily Add Facebook Comment Box Plugin To Your Blogger
facebook comments box blogger
As everybody knows that social media is increasing day by day and most of the visitors to website comes from social media websites. Face book is the biggest platform for social media activity over the internet.
So this can be good idea for you to get feedback for face book  users directly to your website.
Today we will discuss how can we add face book comments box to your blogger website.
How To Get Facebook App ID?
Just follow the link and and click on +Create New App
facebook-create-app-image
Now fill the required credential and create your new app.
Now write down your app ID
Now go to your blogger dashboard and click on  Template > Edit HTML

blogger-edit-template

Now look for <html and after it with a space paste the above code

xmlns:og=’http://ogp.me/ns#’
Now look for <body> tag and just next to line paste the above code

<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ‘YOUR FACEBOOK APP ID ‘,
status : true, // To check for your log in status
cookie : true, // To enable cookies to allow for  the server to access the session log data
xfbml : true // parse XFBML Method
});
};
(function() {
var e = document.createElement(‘script’);
e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’;
e.async = true;
document.getElementById(‘fb-root’).appendChild(e);
}());
</script>
Now replace ‘YOUR FACEBOOK APP ID with the app ID you wrote down earlier and paste it.
Now look for Now search for  <b:includable id=’comment-form’ var=’post’>  and just after it paste the above code
<b:if
cond=’data:blog.pageType == “item”‘>
    <div
    style=’padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;’>
        <script
        src=’http://connect.facebook.net/en_US/all.js#xfbml=1′
        />
        <div>
            <fb:comments
            colorscheme=’light’
            expr:href=’data:post.url’
            expr:title=’data:post.title’
            expr:xid=’data:post.id’
            width=’550′
            />
        </div>
                </div>
                </b:if>
Now click on the save button and you have successfully added face book comments to your blogger website.

Friends if you like the tutorial and any queries comment or contact us. 
Updated: April 21, 2014 — 5:42 am

15 Comments

Add a Comment
  1. So happy to support your organization.Visit Here http://lethlabs.com/

  2. the worth of the corporate additionally varies in step with the services they're giving. you ought to certify the workers of company is well trained and skilled and that they meet the deadlines, for more information click here seo jupiter.

  3. SEO is the best way to accomplish traffic to a website in search engines organic results page. You have explained it very well in here. Thanks for sharing this. You have provided really a great content in here.

    SEO Training Institute in Chennai | SEO Training Center in Chennai

  4. SEO is the best way to accomplish traffic to a website in search engines organic results page. You have explained it very well in here. Thanks for sharing this. You have provided really a great content in here.

    SEO Training in Chennai | SEO Training Chennai | hadoop training in chennai

  5. Best SQL Query Tuning Training Center In Chennai This information is impressive; I am inspired with your post writing style & how continuously you describe this topic. After reading your post, thanks for taking the time to discuss this, I feel happy about it and I love learning more about this topic..

  6. Informatica Training in chennai This information is impressive; I am inspired with your post writing style & how continuously you describe this topic. After reading your post, thanks for taking the time to discuss this,I feel happy about it and I love learning more about this topic.. Best Hadoop Training Center In Chennai | Best Oracle Training Institute In Chennai| Best VMware Training Institute In Chennai

  7. Very informative content. Digital marketing is one of the best marketing strategy through which we can promote our product or service. In digital marketing we mainly focus on SEO and SMO. The main task involved is to analyse the keyword and to bring the website at top position for the specific keyword.
    digital marketing course in chennai | Digital Marketing training in chennai

  8. These provided information was really so nice,thanks for giving that post and the more skills to develop.giving articles really nice.

    hadoop training in chennai

  9. Excellent post. very interesting to read. Thanks for sharing.

    digital marketing training in chennai

  10. Excellent post. very interesting to read. Thanks for sharing.
    hadoop training in chennai

  11. Thanks for the useful post. Keep posting more like this.
    Webdesign L├╝denscheid

Leave a Reply

Your email address will not be published. Required fields are marked *

Web Design | SEO | Digital Marketing © 2018 Frontier Theme