How to Display Author Name in Blogger Posts

Advertisements
Author name is one of the best ways to give some acknowledgment to the article publisher. Most of the quality template developers like Templateism and Themeforest always includes author names in their themes by default.  Recently, one of our readers wrote an email asking about how to display author name in blogger posts, so it could help users to know that who actually wrote this post. In this article, we will show you how to display author name in Blogger posts.

Blogger.com collects the data of the author from your blogger profile in case you haven’t connected your Google+ account with Blogger. If you haven’t connected your profile then you can change the name of your blogger account. Whenever that author will publish a post, this display name will appear as the name of the author.

The very first thing you need to do is to login into your Blogger account, after logging in go to Template >> Edit HTML. Now in the blogger template editor search for <data:post.body/> tag and just above it paste the following piece of coding. If you want to display the author name at the end of your post content then, paste the code below  <data:post.body/>  tag.

<span class='author_mbl'>By: <a expr:href='data:post.authorProfileUrl'> <data:post.author/></a>  </span>

To give a bit of styling you can simply paste the following CSS coding in the style sheet (Quick tip: Paste it just above ]]></b:skin> tag). You can customize it according to the nature of your template, following is the very basis CSS coding.

.author_mbl a { text-decoration:none;}
.author_mbl a:hover {text-decoration:underline;}
.author_mbl { float:left; color:#555;}

Congratulations: Now save your template by pressing the orange “Save Button” present at the very top of your screen. Excellent, now go and check your site the results. If you have followed our step correctly, then the author names of your posts would appear just fine.

We hope this post has helped you in learning how to display author name in Blogger Posts. Though, this technique is extremely simple, but few folks find it difficult to understand. This post might also help template developers who want to automate the author names in their templates. Do let us know what are your thought about this technique, if you are already using it this piece of code then share your quality opinions with us.
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

5 comments

January 12, 2014 at 8:47 PM

Great and easy way to show author name....
Thanks syed and i applied it on my blog.

Anonymous
January 20, 2014 at 6:41 AM

Thanks for sharing!

August 23, 2014 at 8:35 AM

not working on my both blogs. plz tell me reason.
url is below
www.donated4u.blogspot.com
www.shaheeninstitute.blogspot.com

Editorial Team MOD
August 25, 2014 at 6:07 AM

Search for this in 1st step

<div class='post-header'>

And paste the code below it.

June 6, 2015 at 10:00 AM

I will try it

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.