Blogger : How to change your Google+ profile as Author Name in comment section

In one of the previous articles, we discussed how to change your Author Name after you have connected your Blogger Profile with a Google+ profile. In that article we modified a blogger template in such a way that Google+ profile information in Author of the posts was replaced by our custom name and link. But there is another part of Blogger that will continue to use our G+ profile whether we like it or not and that is in the comment section.

In this article you will learn how to get rid of your Google+ profile as your Author Name in the comments using two different techniques. If you also need to get rid of it for the author of the posts, check my previous article on how to achieve that.

Neither of the two solutions described in this article is a perfect fix, as both have their drawbacks, but when you do not wish for your Google+ profile to appear anywhere on your blog, every little bit helps.

Are you considering switching to WordPress? All you need is:
1.) Reliable hosting provider:
  • SiteGround - Managed WordPress hosting with premium support
2.) Professional looking Theme that suits your needs:
  • MyThemeShop - Many Themes & Plugins to choose from (both premium and free)
This is an affiliate ad

Solution 1 - install third-party comment systems

One way to fix the problem is to replace default Blogger comment system with a third-party comment system. I tested two of them.

Note:Always create a backup of a template before switching to other comment system in case you change your mind later and want to switch back to the default blogger comment system.
How to back up a template is described in step 1 of Solution 2.
  • IntenseDebate comment system on Blogger

    IntenseDebate comment system on Blogger

    IntenseDebate

    This comment system is appropriate when you do not have any comments yet. It does not support import of existing comments and those posts that already have them will continue to use default blogger comment system instead.

    On the plus side it does have a lot of useful features, among them ability to install additional plugins like commentLuv.

  • Disqus comment system on blogger

    Disqus comment system on blogger

    Disqus

    This one does has an option for importing already existing comments, but you will not be unable to edit them, so your Google+ Author Name will be preserved. On a plus side, the link to the Google+ profile will be removed, so if you have a popular Name, having an Author Name displayed might not be such a big deal.

Solution 2 - add JavaScript code to the Blogger Template

Author name modification using Javascript in default Blogger Comment System

If replacing whole comment system is not an option for whatever reason, then you might try adding some JavaScript code into the template, which will replace content of the Google+ link in comments with a content of your choice.

Using JavaScript is of course also not a perfect solution, since everyone can just disable it in their browsers.

To add the code, follow these steps:

  1. As always when doing any modifications to the blogger template, your first step should always be to backup your current template . Go to Dashboard > Template and on the top right corner click on Backup / Restore button and choose Download full template.
  2. Still on the Dashboard > Template click on Edit HTML button and then on Proceed button. Code for your template will show up.
  3. Scroll to the bottom and find closing </body> tag. Before the </body> tag insert the following code:

  4. In the line 9 for mydiv[i].innerHTML replace  <a href=>JavaScript changed Author Name</a> with your own custom name and link. For example you could make it to point to a Twitter page. If you do not want to have a link, remove <a href=> and closing </a> tag.
  5. We can also replace Google+ author profile image thumbnail. To do that we add another JavaScript code after the inserted code in step 3:

  6. Replace imglink in line 8 with an URL that points to the image of your choice. If you do not wish to have an image, set mydiv[i].innerHTML to

  7. Click on Save template

A little explanation of the above code.

With the code in step 3 we first find elements of a class blog-author. Name and link of the Author is stored inside cite tag and this is where link to the Google+ profile is located. JavaScript then replaces that with our own custom name / link.

The second code in step 5 does almost the same but for img tag.

I am not that versatile in JavaScript. If there is some better way to write above code, let me know and I might use that code instead.

If you found this article useful, take a moment and drop a comment, or share it on your social networks.

Share this page

Add a Comment

Back to Top