How to add Author avatar image in thesis teaser box

Thesis theme is the best wordpress SEO theme. So only every wordpress bloggers use thesis theme to increase their website traffic. Already we are posted more than 100+ thesis customization tutorials in our site. In this post I am going to show you, how to add author avatar image in thesis teaser box.

Regarding Teaser box customization we posted some tutorials, those are

How to show youtube video thumbnail in thesis theme teaser box?

How to Customize Teaser box in Thesis Theme Homepage?

How to add Background Image in Teaser box at Homepage of Thesis Theme?

How to add Thumbnail Image inside the Teaser box of Thesis Theme?

How to add Tweet meme Button inside the Teaser and postbox of Thesis Theme?

Just 2 step to finish this process, here I am going to give direct codes. You can just copy and paste that code to your websites, then you can get author avatar image in thesis theme teaser box.

Step1:

Add following code to thesis custom_fuction.php file.

function byline_avatars() {

echo get_avatar(get_the_author_id(), 40);

}

add_action('thesis_hook_before_teaser_headline', 'byline_avatars');

function custom_body_class($classes) {

if (is_archive() || is_category()) {

$classes[] .= 'hide_meta';

}

return $classes;

}

add_filter('thesis_body_classes', 'custom_body_class');

Step: 2

Add following code to thesis custom.css file

.custom .avatar {

float: left;

border: 2px solid #ccc;

padding: 3px;

margin: 0 0.5em 0.5em 0;

}

.custom.hide-meta .headline_meta {

display:none;

}

Thesis author avatar image

If you want to add author box in post page click following link

How to add the Author’s profile box at the end of the post in Thesis Theme?

If you don’t like the procedure just copy and paste the code in your blog design then learn thesis theme via our thesis theme guide.

Don’t wait go and become a Thesis theme expert with our thesis theme guide.

Check our Thesis Skins.

If you like this post share with your friends.

{ 4 comments… add one }

Leave a Comment

  • Thesis Theme July 6, 2011, 5:51 PM

    Another great little tutorial to spice up the Thesis Theme. Thanks again! Fourblogger is the best place for anything and everything about the Thesis Wordpress Theme.

    Reply
  • Rasel Rony@TechShouters November 1, 2011, 7:51 PM

    hey shakti, please help I want show this avatar on the left of post on homepage like shoutmeloud.com, I have tried changing the hook address but still unsuccessful please help me

    Reply
  • Suresh November 2, 2011, 10:03 AM

    hai Rasel,

    Have added custom_functions.php code mentioned in the post?. Please once again do it..

    Thanks

    Reply
  • Rasel Rony@TechShouters November 4, 2011, 1:49 PM

    Thanks, I could fix the problem, check out my site

    Reply