Easy Way to Add Author Info Box for a Guest Post

Hai. Author Information box is Necessary to make people aware of the Author Who has Written the Post and His Information in Short.There are Many Ways to Add Author Widget Box below Posts By editing The Template.But instead of Editing the Template here is a Small alternative. You can ad this Widget Just By Pasting the Given Code below your post in the Edit Html section.See how the Widget Appears below:

about:
Your Description Here.Your Description Here.Your Description Here.Your Description Here.Your Description Here.Not More Word.
Join Me On: Facebook, Twitter, Google Plus

So Just Copy the Below Code and Paste it in the Post Editora < Edit Html beside the Compose Menu .Now After Posting the Code Just Publish your Article.that's it.

<style>
#ath {
background:#f8f8f8;
margin:0 0 40px 0;
padding:10px;
border: 3px outset #e8e8e8; -moz-border-radius: 10px; border-radius: 10px;
overflow:hidden;
font-size: 14px;
}
.pro {
background:#FFF !important; float:left;
margin:0 10px 0 0;
padding:4px;
border: 2px inset #e8e8e8;
}
</style> 
<div id="ath">
<div>
<img class="pro" height="120" src="Your Pictue URL Here" width="120" /><i><strong style="font-size: 18px;">Your Heading:</strong></i> 
Your Description Goes Here.Your Description Goes Here.
Join Me On: <a href="http://www.facebook.com/#">Facebook</a>, <a href="http://www.twitter.com/#">Twitter</a>, <a href="http://plus.google.com/#">Google Plus</a></div>
</div>
</div>

Now Customize the Red Colored Codes Above and Replace your Id's Above.That's it Enjoy