Sunday 16 October 2016

How To Display Author Name In Blogger Posts

Adding Author name to Blogger posts is very important, because it gives acknowledgement to the article writer or publisher. Not only that, it can help your blog visitors to identify the content/article writer and perhaps gain a level of trust with you. Adding Author name to blog posts could be of great benefits to blogs with more than one authors.


If you are using Blogger, Blogger collects the data of the author from your blogger profile, so you need to connect your blogger account to Google+ if you haven't done that already. Note that, if have not connected your profile the you can change the name of your blogger account. So that each time that author publish an article, the display name will appear as the name of the author. By doing things each article writer will get proper credit for their work.

Ok, lets start the process, the very  first thing you need to do is Log in to blogger account dashboard, after you are in, head to Template>>Click on HTML.


In the HTML Editor dashboard search for the following code <data:post.body/> tag. Just above this code paste the following coding below, if you want it to show above post or paste it after/below the <data:post.body/>  tag if you want if to show below post. To search for the
<data:post.body/> tag press(Ctrl+F)

<span class='author_mbl'>By: <a expr:href='data:post.authorProfileUrl'> <data:post.author/></a>  </span>
 If you wish to add some styling, you can simply add the following CSS code just above the
]]></b:skin> tag. You can customize it to the way it will suit you blog template. Below is the CSS codes.

.author_mbl a { text-decoration:none;}
.author_mbl a:hover {text-decoration:underline;}
.author_mbl { float:left; color:#555;}
 
Finally, you are done with adding author name in blog posts. Now click the save button, go and take a look at how it looks like. If you followed the steps correctly, then your author name should appear nicely.

I hope this article helped you, though it is very easy to implement some bloggers find it difficult to understand. But I believe it was a success implementing the code. I f you have any issue implementing the code do let me know in the comment box. If you have any question not related to this post that you know I can help, feel free to ask. I will get back to you as soon as possible. Thank you.

Don't hesitate to share this post, follow us on twitter, like our facebook page and subscribe to our newsletter.



Share:

0 comments:

Post a Comment

We love comment.

Your comment encourages us to serve you more...