Blogger Tips & Tricks

I hope that you might be familiar with the latest commenting system Google has introduced that integrates Google+ comments with Blogger blogs. This new commenting system is a major improvement over the default Blogger system, and it supports threaded comments. It also looks a lot better. We earlier shared a tutorial on how to enable this new Google Plus commenting system for Blogger blogs. But some people still have problems implementing it on custom templates. For them, we have compiled this short tutorial on how to effectively implement and use this new improved commenting system.

Switching To Google + Comments

Displaying Google comments on custom templates

Custom templates have customized widgets that usually override the default settings. And that is why this commenting system might not work with custom templates. However, if you were to somehow remove those overrides, the commenting system would display on your blog without a hitch.

To do that, you can revert your Blog Widget to defaults in your template HTML editor via the following steps.

• From inside your blog's dashboard, click on Template from the left sidebar.
• Click on Edit HTML

(Before moving on, we'd suggest you backup your template, just in case anything goes wrong)

• Click on the Revert Widget templates to defaults button
• Now, Be careful to select Blog1 Widget from the list. Do not select any other, as it will reset other widgets to default as well.

All you have to do is replace a couple lines of code with another. From inside your HTML editor, press Ctrl + F and search for "threaded_comments". You will see a chunk of code as shown below.

<b:if cond='data:blog.pageType == & quot;static_page&quot;'>

   <b:if cond='data:post.showThreadedComments'>

      <b:include data='post' name='threaded_comments'/>

      <b:else/>

      <b:include data='post' name='comments'/>

   </b:if>

</b:if>

<b:if cond='data:blog.pageType == & quot;item&quot;'>

   <b:if cond='data:post.showThreadedComments'>

      <b:include data='post' name='threaded_comments'/>

      <b:else/>

      <b:include data='post' name='comments'/>

   </b:if>

</b:if>

 Carefully look at the bolded code, and then replace them with the following line of code.

<b:include data='post' name='comment_picker'/>

 If you want to display comment count, you can simply modify the above line of code

<b:include data='post' name='comment_picker'/>

 Still not working? Please feel free to mention your queries in the comments below. And please try to be as relevant as possible. Thank you :)

Since we know that Blogger recently implemented Google Plus comments on their Blogger platform, and we know that many bloggers like you have gone ahead and implemented this new functionality to your blogger blogs. But a lot of our readers have been asking us how to add Google Plus comments, or Google Plus comments API  to Blogger custom templates? This feature turns on and off smoothly for default templates. But most bloggers don't use default templates. For them, we have compiled this short tutorial on how to implement Google Plus commenting system on custom Blogger Templates.

Enabling Google Plus comments

To Enable Google + Comments on blogger,first log into your Blogger account, and click on the blog you want to add Google Plus comments to. Now, click on the Google+ option on the left sidebar. You must be the admin of a blog to be able to view this option.

Now, you need to upgrade our account, and integrate it with Google Plus if you haven't already done so. You will get a "Get Started" button if you haven't. Follow the simple instructions, and then move on to the next step.

Check the option that says Use Google+ Comments on this Blog - For default templates, this is pretty much all you need to do.

For custom templates, here's what you need to do;

• Click on the Template tab from the left sidebar, and then click on Edit HTML.
• From the code editor, press Ctrl + F, and search for the following line of code

<div class='comments' id='comments'>

• After the above code Just paste the Below Code.

 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl'expr:data-viewtype=' data:post.viewType'/>

 Take care not to make a mistake while editing. And it would be a good idea to backup your template (Backup/Restore option at the top-right), just in case.

For comments to work on custom templates, you need to add the code as well as to enable it.

Reading and responding to comments can be one of the most rewarding aspects of blogging. Not only do they help you connect with your readers, they can also inspire later blog entries. The challenge, oftentimes, is following all the conversations around your content—on Google+, for instance, as well as on your website. So we're making things a lot simpler.

Starting today, you can bring Google+ Comments to your Blogger blog. Once you've enabled the feature through your Blogger Dashboard, you'll enjoy a number of important benefits:

View your blog and Google+ comments, all in one place

Help readers comment and connect with their circles