Many Blogger want to know how to display Google’s Rich Snippets to thesis theme but before it you need to show author Boi. Thesis is the most popular search engine friendly and optimized theme. It provides you very easy experiment to add or update your theme code. It has its own designer tool, which allows you to customize your header menu, Side bar, Footer and other areas with just a few clicks.

When i bought thesis, i found little difficulty in adding Author Bio at the end of the post. I tried a lot of methods, but due to my lake of knowledge about CSS and HTML i did not achieved it.

Finally i found a working method for adding Author Bio in WordPress Thesis Theme. Follow the below steps to add a cool and well designed author bio in your blog posts.

Requirements

1. Fill Your Profile with informative information
2. Content Width Area should not be more then 550px
3. If your blog background color is gray i.e. the same as the color of the author bio, then change either your blog background color or author bio background color.

Add Author Bio in WordPress Thesis Theme

Edit Your Function.php

Go to your wordpress press Dash Board> Thesis> Custom File Editor and selectfunction.php and click on “Edit” button. Paste the below code in your function.php file and click on “Save Button”

function post_footer() {
if (is_single())
{
?>
<div>
<?php echo get_avatar( get_the_author_id() , 120 ); ?>
<h4>Article by <a href="<?php the_author_url(); ?>">

<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>
<p><?php the_author_firstname(); ?> has written <strong>

<?php the_author_posts(); ?></strong> awesome articles for us. <br/><br/>

<?php the_author_description(); ?></p>
</div>
<?php
}
}
add_action('thesis_hook_after_post_box', 'post_footer');

The next step is to customize your Author Bio Area.

Add Code to Your Custom.css

Now select Custom.css from the list and click on “Edit” button. Paste the below code in your custom.css file and save it.

.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0;

border-bottom: 1px solid #e1e1e0; overflow: hidden; padding:1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom:12px; }

Finally you will see a well designed Author Bio at the end of  your blog posts

Customization

You can change the background color according to your theme background color. Similarly you can change text and heading color. Change the bottom and top margin size with accordance to your theme requirement.

Credit: Bilal Ahmad

Show Rel Author and Google + Profile Using Easy rel=author WordPress plugin

First Get the plugin from here Install and activate it then go to Setting > Plugin choose its options and after that Go to users > Your Profile in Google + Area enter you Profile Link

-sandy

Related posts:

Best Free WordPress SEO Theme Thesis Theme Skins For WordPress Download Thesis SEO Theme Template For Blogger or Blogspot Best wordpress Theme Fully Customize :Intrepidity