How can you add author images for blogposts in multi-author Blogspot blog?
In the last article I talked about how you can invite others to write for your blog.
If there are multiple authors adding an image of them can greatly improve the aesthetics of your blog.
Contributors too might get excited about seeing their faces. This in turn might increase the number of contributions.
It’s pretty easy with WordPress’s profile page options.
Wouldn’t it be great if you could do the same for blogspot blogs?
There are no direct options on the blogger platform for this. With Blogger there’s a tiny workaround to hack in this functionality though.
You will need the edit the template and add few lines of code to get Blogger to display author images on Blogspot blog.
I will be covering two things:
One how to post your own picture and that works well for single author blogs
Two to post pictures for all authors. Works best if you have 5 or 6 regular contributors.
Before continuing with the steps I would ask you to take a backup of the blog template.
Click edit template, click anywhere inside the code and then search for this code by using the find function.
<span class=’post-author vcard’>
Delete the entire line of code
Now search for another snippet of code in the same way.
The snippet is
Replace authorname with the exact name that appears when you publish a post. Don’t alter it because doing so will render the code useless.
This is how you display images for posts published under your name.
Want to do this for everyone who guest posts?
A little tricky but doable.
Just before b author use this line of code
<b:if cond=’data:post.author == "AuthorName2"’>
<span class=’author’><a href=’Author2-Profile-URL‘><img src=’Author2-Image-URL‘/></a></span>