We use thesis wordpress theme.You could see an author profile box below every posts.The author profile box has several uses and is extremely important if you run an multi-author wordpress blog.So how to add the author profile box in the wordpress themes?its simple and follow the instruction below,
steps to add author profile box in wordpress themes:
1.In your wordpress admin in the appearance tab,click the editor and you will find single post(single.php).copy the below code and paste it before the comment section.(may be below <div><?php the_content();?></div>)
<div id="authorbox">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '80' ); }?>
<div>
<h4>Article by <?php the_author_posts_link(); ?></h4>
<p><?php the_author_description(''); ?></p>
<p><?php the_author_firstname(); ?> has written <span><?php the_author_posts(); ?></span> awesome articles.</p>
<p>Subscribe to feed via <a href="http://feeds.feedburner.com/Sensehow"><b>RSS</b></a> or <a href="http://feedburner.google.com/fb/a/mailverify?uri=Sensehow&loc=en_US"><b>EMAIL</b></a> to receive instant updates.</p>
<p>Subscribe to our sensehow <a href="http://www.youtube.com/user/sensehow"><b>You tube channel </b></a></p>
</div>
</div>
Note:change the links as per your need.
2.copy the below code and paste it in style.css.If you want to change the colours make the changes in this code.
#authorbox{
background:#EFEFEF;
border:1px solid #CECFD0;
width:638px;
margin:0 auto;
margin-bottom:10px;
overflow:hidden;
}
#authorbox h4{
font-size:16px;
color:#191919;
margin:0;
padding:10px 10px 5px 10px;
}
.authortext{
padding-left:100px;
}
#authorbox img{
margin:0;
padding:10px;
float:left;
}
#authorbox p{
color:#191919;
margin:0;
padding:0px 10px 10px 10px;
}
#authorbox h4 &gt; a{
text-decoration:none;
}
#authorbox p{
color:#191919;
}
Now you have successfully added author profile box in thesis or any other wordpress theme below the posts.Have any doubts?Post a comment.Also see Adding author profile box in thesis wordpress theme
Related posts:
- Adding author profile box in thesis wordpress theme
- How to highlight author comments in thesis wordpress theme with background and logo
- How to add image hover effects in thesis and other wordpress themes,blogger
- How to add retweet button into teaser and posts of thesis wordpress theme
- How to add featured posts in custom feature box in thesis wordpress theme
- How to add stylish asnio 3 column footer to thesis wordpress theme
- How to add stylish page navigation in thesis using wp-pagenavi
- How to add page navigation in thesis without openhook plugin
- How to add Floating Social bookmarking icons in wordpress themes
- How to add social bookmarking icons in thesis and other wordpress themes


{ 2 comments… read them below or add one }
I added the code for author box mentioned on this post in my blog http://www.sfihomebizz.com. The box is appearing but the author box has distorted and pushed the sidebar to bottom of the page. While saving my firefox closed abruptly and the next thing I see this result on my blog. Can you please check my blog and help me out in this
This is not because of the author box code check your comment box code.. there is no css code available for your comment section.. adjust the comment width..