Sunday 6 April 2014

How to Display Author Name in Blogger Posts

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKqB-YjhNBt2teTyl9Tax-cX1owXFUxK7lEnu2kljWHl9Sz4vtXcyJgCIDYkb6tUAEHYuWn8eyVKD3T_j2-FcfD9Wt6EKvhNXLnuHJBZOEcdNPkXhEwZg2Cpb6YtaSgRLz17ywRvvnzQ36/s1600/how-to-display-author-name-in-blogger.gif

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.

0 comments:

Post a Comment


Tips Tricks And Tutorials

You can also receive Free Email Updates:

Widget by NBT

Tips Tricks And Tutorials

You can also receive Free Email Updates:

Widget by NBT

Tips Tricks And Tutorials

You can also receive Free Email Updates:

Widget by NBT