Two Small Steps To Add Author Box Below Every Blogger Post | Web & Cash

Sunday, August 11, 2013

// // Leave a Comment

Two Small Steps To Add Author Box Below Every Blogger Post

Adding an author bio box under blog articles is the ideal way to put a finger print on every article you post and make your blog look professional, instead of scrolling down to the bottom just to know who write's the blog articles (ANNOYING & BORING).
This is how the box will look like(exactly under every article on your blog ,and before comments), you just need to follow this easy steps to complete the "Author box challenge " :



Step 1:


Go to Template  Edit HTML then look for this code (Press Ctrl + F)

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Step 2:

Copy and Past this code exactly after the one you've found in Step 1, and don't forget to change the text in RED (LINKS,NAME,DESCRIPTIONS ...):

<div style="margin: 1em 0px; border: 1px solid rgb(204, 204, 204); padding: 5px; clear: both;"><img align="left" height="75" src="PICTURE LINK" style="margin: 0px 5px 5px 0px;" width="75"/><h4>Author:<a href="https://plus.google.com/GOOGLE PLUS ID?rel=author">YOUR NAME</a></h4><p>LITTLE BIO ABOUT YOURSELF</p><p>In addition to curating BLOG NAME, you can find YOUR NAME on<a href="TWITTER LINK">Twitter</a>, Facebook or<a href="https://plus.google.com/GOOGLE PLUS ID"> on Google+</a></p></div>

That's all,that was easy, right ? ENJOY & SHARE ! DON'T BE SHY TO ASK ME QUESTIONS :)

Author: Idriss Toumi

Idriss is a blogger and Web Designer/Developer.

In addition to curating Web And Cash, you can find Idriss on Twitter,Facebook or add him to your circle on Google+ .

0 comments:

Post a Comment