{"id":10,"date":"2013-07-02T14:25:00","date_gmt":"2013-07-02T14:25:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2013\/07\/02\/add-facebook-comment-box-to-blogspot-blogs\/"},"modified":"2022-12-19T14:57:22","modified_gmt":"2022-12-19T09:27:22","slug":"setup-facebook-comment-for-blogger","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/setup-facebook-comment-for-blogger.html","title":{"rendered":"Add Facebook Comment Box to Blogspot Blogs."},"content":{"rendered":"
\n
\"\"Facebook is a market leading social networking website, as a result Now a days many blog or website owner has a pages, groups and profiles for their own blogs on Facebook, The only one reason to create it, is to gain traffic. at the end of all this efforts Facebook user will start landing on blog. As a blogger user <\/span>we all<\/span> are aware that <\/span>Blogger Comment Has No contribution to comment via Facebook, <\/span>If we provided Facebook comment facilities to those target people, this will be not only better for them to comment on blogger blog using Facebook accounts, but also better for us to solve their query and problems . Following is a tutorial that will help you to insert Facebook comment plugins, which will appear on each post of blogger blog.  <\/span><\/div>\n

<\/p>\n

Facebook comment box for blogger 2013<\/h2>\n

I had devided the entire tutorial into two different part:<\/span>
\n
\n<\/span> Phase 1:<\/b> Creating Facebook App ID.<\/span>
\nPhase 2:<\/b> Installing Facebook Comment Plugins inside Blogger Template. <\/span>
\n
\n<\/span> If you had already created your Facebook App id than you can skip the first phase, go directly to the second phase. So lets start the tutorial.<\/span><\/p>\n

Creating Facebook App ID.<\/span><\/h3>\n

Update : How to Create FaceBook App Id For Website 2014?<\/a> (only for custom domain)<\/p>\n

Step 1:<\/b> Go to Facebook Application Page<\/a>.<\/b><\/span><\/p>\n

Step 2:<\/b> Click on “Create New App”<\/b>.<\/span>
\n
\n<\/span> Step 3:<\/b> One popup appear in which you required to Write “App Name<\/b>” and click on “Continue<\/b>” Button.<\/span>
\n
\n<\/span><\/p>\n

\"Creat<\/span><\/div>\n
\n

Step 4<\/b>: Now fill up the details<\/b> ( See following Screenshot )<\/span>
\n
\n<\/span><\/p>\n

\"Blogspot<\/span><\/div>\n<\/div>\n
\n

Note:-<\/span><\/h4>\n<\/div>\n
    \n
  • \n
      \n
    • If you are using free sub-domain for your blogger blog (xyz.blogspot.in), than in Apps Domain Field Add following  domain names. <\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
      \n
      blogpost.com, blogspot.ae, blogspot.mx, blogspot.in, blogspot.pt, blogspot.jp, blogspot.ca, blogspot.de, blogspot.it, blogspot.fr, blogspot.se, blogspot.co.uk, blogspot.co.nz, blogspot.com.es, blogspot.com.br, blogspot.com.ar, blogspot.com.au <\/span><\/div>\n<\/blockquote>\n
        \n
      • In Field of “Site URL:” <\/b>Don’t forget to insert http:\/\/ in your blog address (https:\/\/www.heerentanna.com\/).<\/span><\/li>\n<\/ul>\n
        Step 5:<\/b> Save changes<\/b> that set your FB App ID is Creaded. We need in upcoming step so keep this tab or save it in notepad or any other software.<\/span><\/div>\n

        (Find App Id : In above screenshot highlighted text is my application id, you need to copy your own id.)<\/span><\/p>\n

        Adding Facebook comment blogger plugins under Each blogger Post.<\/span><\/h3>\n

        Step 1 :<\/b> Login In Blogger Account.<\/span><\/p>\n

        Step 2 : <\/b>Backup Your Blogger Blog. (Learn how to backup Blogger Blog)<\/span><\/p>\n

        Step 3:<\/b> Navigate Blogger Dashboard<\/b> > Go to Template<\/b> > Edit HTML<\/b>.<\/span><\/p>\n

        Step 4: <\/b>Find Following code by pressing CTRL + F.<\/span><\/p>\n

        <html<\/span><\/p><\/blockquote>\n

        Replace <html code with following code.<\/span><\/p>\n

        <html xmlns:fb=’http:\/\/www.facebook.com\/2008\/fbml’<\/span><\/p><\/blockquote>\n

        Step 5:<\/b> Now find following code.<\/span><\/p>\n

        <div class=’post-footer-line post-footer-line-3′<\/span><\/p><\/blockquote>\n

        or<\/span><\/p>\n

        <p class=’post-footer-line post-footer-line-3′ <\/span><\/p><\/blockquote>\n

        or<\/span><\/p>\n

        <data:post.body\/><\/span><\/p><\/blockquote>\n

        Step 6: <\/b> Now generate code using below Facebook comment code generator, Copy code and paste it just below   <div class=’post-footer-line post-footer-line-3′> <\/b>or <p class=’post-footer-line post-footer-line-3′><\/b> or <data:post.body\/><\/b> code. <\/span>
        \n