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.
[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.
- Create A Custom Navigation Bar In Thesis Header Like Our’s
- Thesis 1.8.2 Released, Full Compatibility with WordPress 3.2
- Landing Pages and Squeeze Pages for Thesis Theme
- How To Customize Disqus Comment System
- Why Thesis Is The Best SEO Theme For WordPress
You May Also Be Interested In...
Article by Sarami
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
{ 12 comments… read them below or add one }
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
I think you also share us about How you create your new site logo.
Ammar use AAA logo maker for making good logos
hei…
it looks great when you customize it
Thanks, I removed the image to make it aligned better and to load faster..
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??
Yup, many of them are waste, but still might be one or two of 1000′s visitors may need them.
I really liked your new design.. will try to implement it in my blog.. thanks for sharing this code…
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
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.
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
The plugin is paginator.