Adding The Google Plus and Native Comment System to Your Blogger Blog

Some time back Google+ introduces its social commenting system that enables bloggers to socialize their blog’s comment section.

google plus comment system

Well, many bloggers tried the commenting system on their blog because of the advantages surrounding it, while many bloggers did not tried it on their blog because of its disadvantages as well.

Must Read: 8 Blogging Tips Every New Blogger Should Know

Those who do find love using the commenting system are still trying to figure out how to integrate the blogger native comment system and the Google plus commenting system to their blog, why? For their readers who’d want to leave a comment or two, to have more options when commenting on the blogs.

Normally, Google only give you an option to either use the Google+ comment system or the native comment system on your blogger blog. In case you still don’t know how to switch your blog to the Google plus commenting system, you can simply read a post where I write about how to here. now let’s proceed.

Adding The Google Plus + Native Comment System to Your Blogger Blog

The thing is, if you are searching for a simple “how to” on integrate the two social networks, then I assure you that you’re in the right place.

And if you are running your blog on the blogger blog platform, this post is going to be useful to you more that you’ll know it.

Now, let me go ahead with the simple steps… are you ready?

First step:

Go to your blogger blog dashboard and click on “Template” >>> click on “Edit HTML”. See Image below…

my-blog

Have you done that? If yes, you will be taken to your template editor’s area. I know that all you’re seeing right now are bunch of codes, but I am going to make it simple enough for you to understand.

Second Step:

Now, let’s add our JQuery to the header of our blog, shall we… without the jQuery, the process will not work.

Copy the below code…

[code]<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js’ type=’text/javascript’/>[/code]

Have you copied it? If yes, now search for the </head> tag and paste the jQuery code right above the tag.

Note: To make your search easy and quick, >>> click inside the code box >>> simultaneously press the ctrl + f key >>> a search box will appear >>> now search for the </head> tag using the search bar.

Must Read: Enabling Disqus Commenting System For Blogger Blog

Have you done that? If yes, now let’s move on to the main part of the show.

Third Step:

Now use the search bar to search for the below codes.

[code]<b:include data=’post’ name=’post’/>[/code]

Have you seen the above code? If yes, copy the below code and paste it right below the above code.

[code]<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(http://2.bp.blogspot.com/–CsmnKc1FSA/VI8FyLYdw7I/AAAAAAAAAwE/erSHV85Pg_Q/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class=’comments-icons’>
Show Comments: <a class=’show-hide-comments’ href=’javascript:void();’ onclick=’$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();’><img class=’gplus-icon’ height=’35’ src=’http://1.bp.blogspot.com/-i1zpfechOuY/VI763hqxlHI/AAAAAAAAAvs/dz4sWUQW-xU/s1600/google-plus-logo.png’ width=’35’/></a> OR <a class=’show-hide-comments’ href=’javascript:void();’ onclick=’$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();’><img class=’blogger-icon’ height=’35’ src=’http://3.bp.blogspot.com/-4N-YlJvoxdA/VI763udxlHI/AAAAAAAAAvw/0dY2Ys0zz2k/s1600/blogger-logo.png’ width=’35’/></a>
</div>
<div id=’gplus-comments-visibility’>
<div class=’g-comments’ data-first_party_property=’BLOGGER’ data-view_type=’FILTERED_POSTMOD’ data-width=’550′ expr:data-href=’data:post.url’/>
</div>
</b:if> [/code]

Have you done that? Then you have finally completed the steps. Just save your work, go to your blog and see it comes live. Below is a live sample image

google-plus

Now you have even more reasons to get some Google plus traffic to your blog without stress. 🙂

You can view a live demo here

Let’s Talk:

Hope the tutorial is simple enough? If not, please do use the comment box below and state where you don’t understand and I will give you a reply ASAP.

You don’t use blogger blog? Then, have you tried the Google+ commenting system on your WordPress blog? If not, why? And if yes, how’s your experience like. Do use the comment box below to drop your answers.

Must Read: Adding a Sticky Share Button below Your Blog Footer : Blogger Blog

Do you have comments, questions and thoughts you’d love to share with us? Please do, by using the comment box below. Remember that your comments, questions and thoughts are highly welcomed and most appreciated.

Be Social:

Was the post helpful? Please do share it with your networks and let somebody who wants to know how to do this learn the simple way.

And please, do not forget to subscribe to our feed for your latest updates on the go

12 thoughts on “Adding The Google Plus and Native Comment System to Your Blogger Blog”

  1. Hi Babanature,

    Informative tutorial 🙂

    No, I didn’t try the G+ commenting system when I was on Blogger, as that time it wasn’t there! G+ came later, and I was happy with Discus that time.

    Once I switched to WP, I did think of adding it and even tried it, but I didn’t want to just have that commenting system, as not everyone is on G+ or even Facebook for that matter. I wanted it alongside CommentLuv, which I had that time. But I didn’t install it because of the load time and I am very happy with the simple one I have now. The interactions on G+ are in plenty on the communities where I share my posts as a tis.

    Also, unless people follow you and tag you, if they comment on old posts, you can never know or reply to them, which was another disadvantage I thought.

    Thanks for sharing. Have a nice week ahead 🙂

    Reply
    • Hello Harleena,

      The Google commenting system is a good source of traffic and it also make your new blog post get indexed faster and also boost traffic.

      I also remove the commenting on this particular blog due to the same reason as you mentioned.

      I do hope someday they’ll add a comment moderation option so we could moderate any unwanted comments.

      Thank you for stopping by and dropping your comment. Do have a blissful week ahead dear friend…

      Reply
  2. Hello Babanature,

    I was one of the people that asked for a post about this topic and i am glad that you truly came up with the post.

    I am sure this commenting platform will help a lot of bloggers in the traffic area and also in the social front.

    Thank you for dropping such a post. Thanks and have a wonderful week ahead.

    Reply
    • Hello Bello,

      Yes, I did remember you requesting for a tutorial on this topic.
      I did try my best to make the post as simple as possible. Hope you like?

      Thanks for the comment and have a great week

      Reply
      • Hello Babanature,

        Just wanted to give you my feedback… I tested it on my blog and it worked like charm. Loving the look of the new comment system at my blog…

        Now, let’s see how it affect my traffic positively.

        Thanks baba

        Reply
  3. Hello babanature !

    Adding google + commenting system on a blog makes it google friendly . It also increases our engagement on google + . Thus its good for seo .

    But still the advantages of the native commenting system cannot be ignored . Many readers feel comfortable in using the native commenting system .

    So integrating both the systems is a wonderful idea . I have personally experienced that blogs that have both the systems , get more comments .

    This post was a rock !! Loved reading it .

    Keep producing such wonderful content !!

    Happy blogging ! 🙂

    Reply
    • Hello Nikhil,

      Yeah, both commenting system are great and Google plus especially, is one good strategy to get indexed faster and boost traffic at the same time.

      Thanks for contributing on this post, do have a wonderful week ahead

      Reply
  4. Hi babanature, nice sharing and it is very beneficial to get more traffic also. But i want to know that can i add g+ comments to WordPress? If yes then tell me how? Thank you

    Reply
  5. This is a good idea and I will implement it. I already have g+comments enabled on my blog. I even might add the fb comment option.
    Is there a surest way of adding commentluv on the blogger and not lose old comments.
    I find it really good.

    Reply
    • Hello Inderpreet Kaur,

      Yes, there is a way of adding commentluv to the blogger platform but i wouldn’t recommend it, because it slows down the blog. But you can try the Facebook commenting system, the implementation is easy…

      Thanks for the comment and do have a wonderful week ahead… 🙂

      Reply

Leave a Reply to Harleena Singh Cancel reply