There are no internet users who don’t know about Google. We also know that Google has many products and they keep improve them every hours of a day. They have improved blogger interface a lot now they are trying to upgrade bloggers comment system with the help of Google+. Now blogger users can add Google+ comments system on their blogger websites/blogs. Before we had only two alternatives for bloggers comments system one is Disqus and another is Facebook comments. Now the biggest giant of internet Google also entered in this field. This going to real challenge for Disqus and Facebook

There are many blogs teach you how to add Google+ comments system on your blogger blog. But there just telling you to enable Google+ comments system from blogger Google+ option. But this method only work for default template users which are using blogger default template. This won’t work for custom template users who use stylish blogger template. But I am going to show you a real way to add Google+ comments on your custom and default blogger template.

How To Add Google+ Comment Box on Any Blogger Template

Go to blogger Dashboard
Click on Google+ and check the option "Use Google+ Comments on this Blog"

This will be enough to show Google+ comments on blogger for Default template users. But if you are using custom templates then it might not work for you if your template has modified comments section. Some custom templates have modified comments section and some are not. So if your comment section didn’t modify these 2 steps will works for you. If it’s not working then follow the rest of steps.

Add Google+ Comments on Custom Templates

Do the above two steps if you haven't done
Now Go to template. Click on Edit HTML.
Press Ctrl+F Search the code given below:

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

Above it you will see the exact code i have written below

<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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>

Replace the red codes with the code given below:

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

Now enjoy google+ comments feature on your blog

Now it will be work for custom templates users as well. If still you get any problem you know what to do just contact me I will surely try to help you.

Note: to search easily press once in the middle of template and then press Ctrl+F then search bar will be pop up in the template editor. Which will help you to find the code without any problem.