How To Install Blogger And Google Plus Comment System On Blogger/Blog

Few days ago Blogger recently enforced Google plus comments on their Blogger platform, It allow readers (visitors) to comment on your blog with Google account. There are few new feature in the comment system, that is you can mention your Google+ friends on the comment, You can comment the blog post via Google+, no redirect after commenting while the default have redirect after publish a comment and more customizable, easy delete. With this blog you can see the combination of both Blogger and Google + comment system try to look at below this articles.  Once you’ve enabled this two feature through your Blogger Dashboard, you’ll get pleasure from a number of necessary benefits. Today, during this article, we are going to show you the way to add the combination of Blogger and Google+ Commenting System in Blogger/blog.

How to Add Blogger and Google+ Comments System in Blogger?

  • 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
  • Immediate after this line, add the following code.


Now Proceed To Step 2

  • From the code editor, press Ctrl + F, and search for the following CSS code
]]>
  • Paste below code before above code

/*****************************************
Bloggerheroe.com Blogger and G+ Comment System
******************************************/
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 5px;
float: left;
}
#comment-header {
padding-left: 10px;
float: left;
width: 595px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
margin-left: 25px;
padding-bottom: 5px;
margin-right: 25px;
}
#gcontainer {
margin-left: 40px;
margin-top:20px;
float: left;
}
.commentwith h5 {
text-transform: uppercase;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 24px;
color:#1BA1E2;
font-weight: normal;
line-height: 25px;
margin-bottom: 35px;
float: left;
margin: 15px;
}

Step 3

  • Search this code
  • Copy above HTML code and paste just after


 

   
Comment Using:


   

OR


   

Happy Reading!!

             

  • Hit save and your done.
  • If you have any doubts or problem adding this code please leave your comments below.

Be sure to subscribe to the Blogger Heroe newsletter and get regular updates about awesome posts just like this one and more!

About kasper

Hey Guys I am Avinash a.k.a Kasper.I am one of the founder of this blog.I love blogging,gaming and other fitness activities.Blogging has taught me many things in my life and made me different from others.The only thing I believe is that if you ain't First your Last!

Comments

  1. Tanmay Kapse says:

    Superb ! Awesome stuff man 🙂

  2. @Tanmay KapseThank you bro.Stay with us for the latest updates..:)

  3. Tharun Raj says:

    i think you would be not getting backlinks if we use google+ ? HWO TO DELETE UNWANTED FILES AND SPEED UP YOUR PC

  4. @Tharun RajThat’s why i made this combination both Blogger and Google Plus Comment System.

  5. may mass says:

    Thank you my brother was working in my blog thanks

    http://bilokr.blogspot.com/

  6. techrinser.com says:

    Hello Adrian,
    Thanks for this trick
    Can you please further modify the code to make Google Plus Comment Default ? I mean Google Plus comment will appear after loading page and one can choose the Blogger Old Comment System
    Please ! Waiting for your reply

  7. @techrinser.comThanks for your feedback, if you install all this code, just uncheck your google plus.in blogger dasboard.because this code is is automatically activate the google plus comment system,..

    Let me know if you have any problem…

    Thanks..

  8. Hafeez Khan says:

    This was really awesome system. used by many pro blogger

Speak Your Mind

*


*