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.

Here are the Six things that a Blogger should know to improve his Blog

Add Google+ buttons and gadgets
Help readers to follow and share your posts on Google+ with the +1 button, Google+ badge and Google+ Followers gadget. Visit the Layout tab, click "Add a gadget" and select the Google+ gadgets that you'd like to add.
  


Manage comments in one place
Turn on Google+ Comments to bring comments on your posts together in one place, including posts about your content in Google+.


Share your posts with a new audience
Share your blog posts publicly on Google+ and encourage your readers to re-share. Add hashtags when you share to tie your posts to relevant themes and trending topics, increasing their visibility.
  


Connect with readers face to face
Host a group video chat conversation with your readers in a Google+ Hangout. You can live-stream it and post the final video on your blog.

Participate in Google+ Communities related to your blog. You can meet people interested in similar subjects and discover new topics to cover.



Spark up conversations with Google+ mentions
Add Google+ mentions to your posts to get someone's attention. Your mention will link to their Google+ page or profile, and you can notify them when you share.

How to add "Reply Button or Link" to Blogger Blog.