If you decide to link your Blogger Profile to your Google+ profile, be aware that Author Name of your posts will also get replaced with your Google+ profile.
If you do not like this for whatever reason there is a way to change this behavior by modifying Blogger Template.
Before we start I need to warn you that the modification discussed here will change Author name to all your posts in the blog, so this tutorial is for those blogs with a single Author.
Anyway, here are the steps you need to do:
- 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.
- Still on the Dashboard > Template click on Edit HTML button and then on Proceed button. Code for your template will show up.
- Make sure that Expand Widget Templates is checked.
- Now you have to search for
data:top.showAuthorin the template.
NOTE:The easiest way to search for a piece of code is to use some source code editor. Personally I am using Notepad++. Just select whole code in template window (CTRL+A), copy the code (CTRL+C) and paste it into the source editor (CTRL+V)
- You should find two instances of
data:top.showAuthorin the template. First one is for Desktop devices and the second one is for Mobile devices.
data:top.showAuthor(in both instances) you should see the code that looks something like this:
<b:if cond='data:post.authorProfileUrl'> <span class='fn'> <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'> <data:post.author/> </a> </span> <b:else/> <span class='fn'><data:post.author/></span> </b:if>
- Now all you need to do is replace
<data:post.author/>with a static text that you want to be displayed as Author Name.
Regarding the link you can either comment out anchor tag
<a>to remove the link from your Author Name or just change
hrefattribute so it doesn’t point to your Google Profile. You achieve that by removing
data:post.authorProfileUrland in its place put URL you think is appropriate, for example URL to your Facebook or Twitter profile.
Note:Remember that the above changes of Author Name will happen on all the posts in your Blog.
- Find the second instance of
data:top.showAuthorand repeat steps 6 and 7. As mentioned before that second instance is used for mobile devices. If you cannot find this second instance, just skip this step as your template might be lacking mobile template code.
A Concrete example
Below is the modified code that I used for this blog when it was still on the Blogger Platform:
<span class='fn'> <a href='http://goo.gl/mgYqQ' itemprop='author' rel='author' target='_blank' title='author profile'> httpb<!--<data:post.author/>--> </a> </span>
First I commented out the Author code
<data:post.author/> and in its place entered my nickname “httpb”. Regarding the anchor tag
<a> I changed the link so that it points to my Google+ Page for this blog instead of my Google+ Personal profile Account.
if you find this article useful, please drop a comment or consider sharing either the article or the blog using the social icons.
We took care of Author Name in our posts, but we still have to fix Author Name appearing in comments. Check my other article on this blog that tackles this problem.