Blogger Store

Created for bloggers who want to start an e-commerce or shopping site, Blogger Store is a professional looking template compatible with Paypal or Google Checkout

  • Animated shopping cart
  • Dual dropdown menu bar
  • Automatic featured content carousel
  • Grid and list style post view
Blogger store shopping blogger template

Lightroom Photo Blog Template

A beautiful photo blog template that displays photos in gallery format and is available in two styles basic and advanced

  • Switchable background
  • Attractive theme font
  • Integrated social media icons
  • Left sidebar and navigation menu
Lightroom Photo Blog Template


Magazine style theme adapted from wordpress

  • Featured slider section
  • Dual menu bar
  • Tabbed widget
  • 4 column footer
Magpress Magazine style Blog Template


A simple theme with a clean layout

  • Full width featured slider
  • 4 column footer
  • Social widgets integrated
Sens Blogger template

Pop Out Social Bookmarking Widget

A nice-looking pop out social bookmarking widget that allows readers to share their favorite post easily

  • Neat display
  • Easy to install
Add pop out social bookmarking widget for blogger

Integrating Facebook Comments in Blogger edit post

Posted by Bhavika On Thursday, May 17, 2012
creating facebook comments application for blogger
Integrating Facebook comments in your blogger blog is a convenient way for users to simply post a comment instead of signing from other accounts. There are couple of steps involved, which are simple as well, but once its done, see the comments flowing in.

First step is to create a facebook application for your blog from Facebook Developers. Once you are on the page, click on 'Create New app' on the top right of the screen, put in the 'Application name', which can be anything like your blog name, it shouldn't be more than 32 characters. Next put 'App Namespace' which could anything as well, I put blogtemplates and click on continue. Don't tick on the last option on web hosting, its not required.

Next fill in the security text in the captcha box and submit.
filling security code for facebok application

In case you haven't added your mobile phone number in your Facebook account, it will show you a message to confirm your cell number. Once you add it, you will receive a SMS with the confirmation code from Facebook. Enter the code in the box and click on confirm, this will verify your account.
Take down your application id, and in 'App Domains' enter ''. If you host the blog on your own domain, then enter your domain name here. Below that you will find 'Website with Facebook Login', enter your site url and save changes. Your facebook application is ready to use.
facebook application for blog comments
Log in to your blogger account, go to Template--Edit Html and search for the '' tag and add this code below it. Put in your facebook application id which you saved earlier, before adding -
<meta content="FACEBOOK-APP-ID" property="fb:app_id" />
add facebook application id in blogger html
Next step is about adding the facebook comments code under the blog post, for that go to Edit Html, click on 'Expand Widget Templates' and search for this code -
<div class='post-footer-line post-footer-line-3'>

In case you don't find the above code, since all blogger templates are not the same, search for this code -
<p class='post-footer-line post-footer-line-3'>

If you still don't find it, then look for the code below, you will certainly find this one -


Right after the line of code, whichever you found from the ones given above, insert the following code and save the changes. You can modify the width of the comment box, right now its 450px, or the change the colour scheme from 'light' to 'dark'.
<b:if cond='data:blog.pageType == "item"'> <div id="fb-root"></div> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); = id; js.async = true; js.src = "//"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid=''/> </b:if>
adding facebook code in edit html
The final step is to add the Facebook Namespace declaration in your code. Right on top of Edit Html you will find -
Right after this insert the code given below -
This is how it should look -
adding facebook comments code in blogger html
The facebook namespace code is relevant for all the facebook widgets and applications, so don't add it again. Save the changes and the facebook comments will be functioning on our blog.

Please note that integrating facebook comments won't hide the Blogger comments, unless you select that option from Settings--Posts and comments--Comment Location, then select 'Hide'.

Moderation of Facebook comments
moderating facebook comments
To keep a track on the facebook comments and moderate it, you have to visit the Comment Moderation tool. Click on settings on the top right corner and edit it as per your choice.
Share this Blogger Template:
, edit post

0 Response to "Integrating Facebook Comments in Blogger"

Post a Comment

    Recent Templates

    Recent Comments

    Video Guides