To change color of the text "About author" edit color:#666666
8. Next Search for data:post.body
9. Just below it paste the following code:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "AUTHOR NAME"'>
<div class='about-author'>
<h3>About Author:</h3>
<img align='left' src='IMAGE LINK OF AUTHOR'/><p>WRITE AUTHOR BIO HERE</p>
<p>Follow him @ <a href='BLOG LINK' target='_blank'>BLOG NAME</a> | <a href='FACEBOOK LINK' rel='nofollow' target='_blank'>Facebook</a></p></div>
</b:if></b:if>
All steps are self explanatory. you just need to fill the bolded parts with correct requirement details. There is one thing that needs care.
- Replace AUTHOR NAME with the account name of the guest author. This name should match exactly the name appearing on his posts. See the screen shot below:
10. Finally save your template and you are all done!
Visit your blog and check the post of any of your co-authors. You will find his bio appearing just perfectly at the bottom of all articles published by him. You can even create an author box for yourself by simply replacing the AUTHOR NAME , profile pic and bio to that of yours.
Need Help?
This tutorial should not trouble anyone for sure but incase you needed help in customization then feel free to post your queries. Let me know whether or not this little tut solved any of your problems. Peace and blessings pals. :)
Post a Comment