Create An Author Box In Thesis Theme Like Ours

September 5, 2011

Most of you must be liking our new Author Box, and like to have the same in your blog too. So I will help you to create the Author Box in two simple steps. Thanks to BloggerFolder for this tutorial. I just have customized it a bit to my need.

Author Box

[sws_blue_box box_size="615"] First Step [/sws_blue_box]

Go to Thesis > Custom File Editor, and add the below CSS code at the end of custom.css.

[sws_code language="css"] [/sws_code]

Click “Save” button to save the changes.

[sws_yellow_box box_size="615"] Second Step [/sws_yellow_box]

Go to Appearance > Thesis OpenHook. If you don’t have Thesis OpenHook installed, you can install it from here. Go to “After Post” Box and paste the following code there and Tick on “Execute PHP on this hook“.
<div id="author-bio">
<div>
<h3>Author</h3>
<div>
<?php echo get_avatar( get_the_author_id() , 80 ); ?>
</div>
<h4>Article by <?php the_author_posts_link(); ?></h4>
<p><?php the_author_description(); ?></p>
</div>
<div>
<p>We use The Thesis Theme for WordPress, which is the best SEO theme framework around the net. Google will love you for this.</p>
<p><a title="Download Thesis" href="http://www.xinz.org/go/Thesis/" target="_blank">Download Thesis !</a></p>
</div>
</div>

You can change the above code according to your need. After this press “Save” button and voila, you are done. Check your cool Author Box.

Article by

Admin is the Founder and Administrator of Tech Blog. He love to explore the tech world. He is a part time dedicated blogger, coder and designer of Xinz.

Sarami has written 308 awesome articles for us at Tech and Money Making Blog

| Facebook | Blog → Tech Blog

{ 12 comments… read them below or add one }

1 Ammar September 5, 2011 at 9:26 pm

Thanks Ashish.
When you add this cool author box. I also think to add this on my blog. You solve my problem. Thanks Again Ashish

Reply

2 Ammar September 5, 2011 at 9:28 pm

I think you also share us about How you create your new site logo.

Reply

3 Zaadu September 6, 2011 at 6:24 pm

Ammar use AAA logo maker for making good logos

Reply

4 Haru September 6, 2011 at 5:22 am

hei…
it looks great when you customize it :)

Reply

5 Ashish Soutiyal September 6, 2011 at 10:38 am

Thanks, I removed the image to make it aligned better and to load faster..

Reply

6 Zaadu September 6, 2011 at 6:25 pm

Ashish, do you feel all the social icons present under the posts are valuable one’s i think some of them are just of waste. Your opinion??

Reply

7 Ashish Soutiyal September 6, 2011 at 7:19 pm

Yup, many of them are waste, but still might be one or two of 1000′s visitors may need them.

Reply

8 Raj @ Blogging Tips & Tricks September 9, 2011 at 11:51 pm

I really liked your new design.. will try to implement it in my blog.. thanks for sharing this code…

Reply

9 Peter September 12, 2011 at 4:32 pm

Hi,

Thanks for the post.

Could you please let me know how can i get
1. “What’s Hot !” widget in the sidebar
2. Incoming search terms below posts

Thanks

Reply

10 Ashish Soutiyal September 12, 2011 at 5:44 pm

The “What’s hot” is a PREMIUM plugin from codecanyon known as popular bars. The second plugin is SEO Search Terms 2, which is freely available in wordpress plugin directory.

Reply

11 peter September 13, 2011 at 12:01 am

Also could you let me know how to enable the page navigataions like 1,2,3,4 etc…. as like your home page

I use only posts in my wordpress blog

Reply

12 Ashish Soutiyal September 13, 2011 at 12:15 am

The plugin is paginator.

Reply

Leave a Comment

Previous post:

Next post: