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. Code for your template will show up.
If your site uses Dynamic Views, skip all the following steps and go to the last section of this post, but for those that use Simple Views, continue to the next step
Now you have to search for data:top.showAuthor in 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.showAuthor in the template. First one is for Desktop devices and the second one is for Mobile devices.
Under data:top.showAuthor (in both instances) you should see the code that looks something like this:
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 href attribute so it doesn’t point to your Google Profile. You achieve that by removing data:post.authorProfileUrl and 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.showAuthor and 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:
First I commented out the Author code <data:post.author/> and in its place entered word “Author”. 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.
Just put the above code in the bottom of the template before closing </body> tag and replace values for myanchor[i].innerHTML and myanchor[i].href to your desired Author Name and URL.
Dynamic views on mobile devices
To make this also work on mobile devices, change your mobile template to Custom template. This way, it will use the mobile part of the same template that you just modified.
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.