How To Add A Cool Author Box In Thesis Theme

It is important to add a author box in a blog to build your credibility and make you known by readers. Usually, this author box is put after content and has a summary about yourself  or your blog and the social media links like Facebook or Twitter. You can see it on Problogger.net where Darren Rowse write down every blog that he have and ask the readers to connect with him.

Today, I want to share a tutorial on how to add a cool author box in Thesis theme inspired by Thecreatology.com. In this author box, you can add a little summary about yourself and your services.  Sometimes, readers did not see the ‘Service’ button on the top page of your blog.

First of all, before made any changes, please backup your custom.css and custom_functions.php. Then, copy this (below) code in your custom_functions.php and edit the part in the coding (I assume that you already know where to edit) according to your needs.


/* AUTHOR BOX */
function ez_author_box() {
if (is_single())
    {
?>
<div id="author-bio">
<div class="left-bio">
<h3>Author</h3>
<div class="t-avatar"><!--?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '80' ); } ?--></div>
<h4>Article by <a href="http://bloggerfolder.com/about">Haru Elie</a></h4>
<!--?php the_author_description(); ?--></div>
<div class="right-bio">
<h3>Looking For...</h3>
<ul>
	<li>Fanpage Design</li>
	<li>Banner Design</li>
	<li>T-shirt Design</li>
	<li>E-cover Design</li>
</ul>
        <a class="hire-btn" title="Contact Me..." href="http://bloggerfolder.com/contact" target="_blank">Hire Me!</a></div>
</div>
<!--?php<br /--> }
}

add_action('thesis_hook_after_post', 'ez_author_box');

For the author box style, copy below code into your custom.css and save it.


/*Author BIO*/
#author-bio{background:#e33e00;min-height: 200px; margin: 20px 0;}
    #author-bio a{text-decoration: none;}
    .left-bio{float: left; background: #feebcd; height: 200px; width:410px;border:1px solid #e6e6e6;}
        .left-bio h3{font-size: 20px; font-weight: bold; color: #e33e00; border: 0 !important; margin: 10px;}
        .t-avatar{ background: #f6f6f6; border:1px solid #ddd; float: left; margin: 0 10px; padding: 5px 5px 0;}
        .left-bio h4{color: #555; font-size: 13px; font-weight: bold;line-height: 16px; margin: 5px 0;}
        .left-bio p{font-size: 14px !important; line-height: 15px !important; margin: 0 16px !important;}
        p.tags{ border-top: 1px dashed #AAA; clear: both; display: block; font-size: 12px !important; margin: 20px 10px !important; padding: 5px 0;}
    .right-bio{float: right; width: 160px; background:url('images/author-bio-bg.jpg') no-repeat bottom right;}
        .right-bio h3{color: #fffa7d !important; margin: 10px; font-size: 13px; border: 0 !important; font-weight: bold;}
        .right-bio ul{ list-style: square; color: #fff; margin: 10px 0 10px 30px;}
            .right-bio ul li{ font-size: 12px; font-weight: bold; line-height: 18px;}
        .hire-btn{background:#4B1400; color: #FFF !important; display: block; font-size: 28px; margin:0 0 37px 13px; padding: 6px 15px; text-decoration: blink !important; width: 104px; -moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;}

Now the last thing you need to do is login to your cpanel. Then, download (below) picture to your desktop and upload it back in images folder.

Instructions:
Go to cpanel → wp-content → theme → Thesis → custom → images

If you having any problems, please feel free to ask me in the comment below 🙂

42 Replies to “How To Add A Cool Author Box In Thesis Theme”

    1. @sidiq90you should buy the thesis theme before they release 2.0 version because at that time, i heard they will increase the price..

      and the rumors said that they will release the new version within this month..i dont know whether its true or not

    1. Hey. Very nice site!! Guy .. Excellent .. Superb .. I’ll bookmark your site and take the feeds al3;8#&2s0oI am happy to locate a lot of helpful information here within the post. Thanks for sharing..

    1. Capezzone: un “nome” che è tutto un programma. Se &##1q0;2uest&88217;uomo„ deve essere uno dei rappresentanti della politica italiana nel mondo significa veramente che abbiamo toccato il fondo.

    1. I'm really sorry to hear about the job. Lay offs in general suck, but when lay offs happen at places and to people who do work that matter and are for the greater goof of coieinmtums it hurts more. You and your co-workers will all find something soon and it will be another amazing job that you were meant to do.

    1. Wow, Gemma, these pht8&o#o217;s are amazing! I particularly love the shots inside the cathedral – stunning.A beautiful wedding, and looks like the weather held out for them too. x

  1. If some one wishes expert view regarding blogging
    and site-building after that i advise him/her to go to see this weblog, Keep up
    the fastidious work.
    Silas recently posted..SilasMy Profile

  2. I’m impressed, I have to admit. Rarely do I come across a blog that’s both equally educative
    and engaging, and let me tell you, you’ve hit the nail on the
    head. The problem is something that too few people are speaking intelligently about.

    I’m very happy I stumbled across this in my hunt for something regarding
    this.
    Online cash source review recently posted..Online cash source reviewMy Profile

  3. Nice post. I was checking continuously this blog and I am
    impressed! Very useful information particularly the last part
    🙂 I care for such information a lot. I was seeking this particular info for a long
    time. Thank you and good luck.
    make your own tshirts recently posted..make your own tshirtsMy Profile

  4. This is really interesting,You’re an excessively skilled blogger.
    I’ve joined your feed and loook ahead to in search of more of your magnificent
    post. Additionally, I’ve shared your website in my social networks
    mon ngon moi ngay recently posted..mon ngon moi ngayMy Profile

  5. I am now not certain where you are getting your information, however
    great topic. I must spend a while finding out more or working out more.
    Thanks for excellent info I was searching for this information for my mission.
    ingresos pasivos recently posted..ingresos pasivosMy Profile

Comments are closed.