As you can see I have one navigation bar above the header and one below the header. In this post I will show you how easy it is to add another navigation bar in Thesis theme.

It’s really simple. In fact, you only have to put the following code into custom_functions.php file.

function menu2() { ?>
<ul id="menu2" class="menu">
<?php wp_list_categories('title_li='); ?>
</ul>
<?php }
add_action('thesis_hook_after_header','menu2');

This will add a second navigation menu under the header which will include all categories. The default top navigation menu will include whatever you set in Thesis Options – I only have static pages in top navigation menu.

Related posts:

1. Thesis Theme Tutorial: Move Comments Link from Below the Post to Byline
2. How to Add Custom Banner Ad in Thesis Theme Header
3. Clickable Header Image in Thesis Theme
4. HeGeeks is Powered by Thesis Theme

In this short Thesis theme tutorial I will show you how to remove comments link that is by default below the post and move it under the headline as I have done on my blog.

First, you will have to remove comment link below the post by inserting the following code to your custom_functions.php file.

remove_action('thesis_hook_after_post', 'thesis_comments_link');

Second, you’ll have to add the comment link to the byline by adding this code to custom_functions.php file.

function custom_byline() {
?>
| <a href="<?php comments_link(); ?>" class="url fn"><span class="url fn"><?php comments_number('Post a comment','1 Comment','% Comments'); ?></span></a>
<?
}
add_action('thesis_hook_byline_item','custom_byline');

And this is it. And remember – always make a backup before doing any changes, just in case.

Related posts:

1. Thesis Theme Tutorial: How to Add a Second Navigation Menu
2. How to Add Custom Banner Ad in Thesis Theme Header
3. How to: Add Tweetmeme Button to Byline
4. Clickable Header Image in Thesis Theme

This is a short tutorial to show you how to replace the usual logo text in your header with a clickable image in Thesis theme. To do this simply put the code below into your custom.css file.

.custom #header #logo a {
display:block;
width:500px;
height:100px;
background:url(URL TO YOUR IMAGE) center no-repeat;
outline:none;
text-indent:-9999px;
padding:0em;
border:0em;
margin:0em;
}

.custom #header #tagline {
text-indent:-9999px;
}

This CSS code will move the existing text out of the screen and put an image in its place. Replace “URL TO YOUR IMAGE” with an actual URL where your image is saved.

You can see the example of how I did it on my Twitter Tips blog. You’ll also have to change height and width values according to your image size.

There may be better ways to put clickable image in the header, but this worked for me. I have tested it in Firefox 3.5 and Internet Explorer 8 and it looks OK.

If you have a better solution, please let us know in the comments.

Related posts:

1. How to Add Custom Banner Ad in Thesis Theme Header
2. Thesis Theme Tutorial: How to Add a Second Navigation Menu
3. Thesis Theme Tutorial: Move Comments Link from Below the Post to Byline
4. How to: Add Tweetmeme Button to Byline

I’ve been asked how did I put Adsense in the header of my Thesis Theme. I’ll tell you how, it’s pretty simple. You’ll have to insert a bit of code in custom_functions.php and custom.css files.

First, put this code in your custom_functions.php:

function header_ad() { ?>
<div id="header_ad">
PUT HERE YOUR ADSENSE CODE
</div>
<?php }
add_action('thesis_hook_header', 'header_ad');

Replace the “PUT HERE YOUR ADSENSE CODE” with your Google Adsense or some other banner ad code.

Second, insert the following code in your custom.css file:

.custom #header_ad {
float:right;
position:absolute;
width:468px;
height:60px;
top:35px;
margin-left: 45.5em;
}

You’ll have to change margins to fit your blog design, but basically, this is it.

Related posts:

1. Clickable Header Image in Thesis Theme
2. How to: Add Tweetmeme Button to Byline
3. Thesis Theme Tutorial: Move Comments Link from Below the Post to Byline
4. Thesis Theme Tutorial: How to Add a Second Navigation Menu

This is one of the main customizations that I did on my Thesis theme. Custom text under the headline, also called byline. It’s rather simple, really. But having the ReTweet button in byline instead in the post, makes the blog post look cleaner, in my opinion. And the best part is, you dont’ even have to have the Tweetmeme plugin installed.

Create Custom Byline with Tweetmeme Button

All you need to do, is insert the code below into your custom_functions.php file.

function custom_byline() {
?>
<div style="float:right; margin-top:-17px;margin-right:-27px;">
<script type="text/javascript">
tweetmeme_url = '<?php the_permalink() ?>';
tweetmeme_style = 'compact';
tweetmeme_source = 'markotu';
tweetmeme_service = 'bit.ly';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> </div>
<?
}
add_action('thesis_hook_byline_item','custom_byline');

You will have to adjust margins to fit your blog, just change the numbers in margin-top:-17px;margin-right:-27px; until it looks good.

Second thing you’ll want to change is tweetmeme_source = 'markotu';. Obviously you want to put your Twitter user name in there instead of mine.

And last you can change the URL shortening service to your preference in this line tweetmeme_service = 'bit.ly';, if you don’t like bit.ly. A list of services available and more information is here.

This is it. I’ll post more Thesis customization tips and tricks in the future, hope you liked this one.

Related posts:

1. Thesis Theme Tutorial: Move Comments Link from Below the Post to Byline
2. How to Add Google Buzz Button to Your Blog
3. How to Add Custom Banner Ad in Thesis Theme Header

When I started blogging, I didn’t want to spend any money on themes, I even chose free hosting at first. But after a few initial months of failures, I realized that you get what you pay for. So I moved to paid web host and bought a premium Wordpress theme.

Why did I choose Thesis theme

Many of the very successful blogs use Thesis theme. It makes the blog look more professional and unique. Check out these example blogs that use Thesis Copyblogger, Sugarrae, Chris Brogan, Tip’d, Kristarella and see in how many different ways the theme can be used.

Thesis is a premium theme for Wordpress, which means you have to pay to use it. It seemed like a good investment, so I bought it. You can get your own copy of Thesis theme for just $87.

Professional Design

Thesis theme is very well optimized and loads fast. It is also search engine optimized. There’s no need to use a plugin separately for SEO. And it’s clean and very easy to read out of the box.

Post Writing

It offers professional styling, easy headline and font customization, and extremely easy incorporation of images and ads.

Customization

Even if you don’t know any code, you can still customize it to a great extend by simply clicking through theme options in your Wordpress admin panel. The basic Thesis look is very nice and clean, but if you want to, you can easily customize its look to pretty much whatever you like, provided you know some code.

Support

When you buy Thesis, you get access to a forum with a bunch of helpful guys. And they will answer any questions related to the theme. Without that forum, I probably wouldn’t be able to customize the theme as I did on this blog.

All in all, my blog now looks much more authoritative, trustworthy and professional. And I can only recommend you Thesis theme.

Related posts:

1. How to Add Custom Banner Ad in Thesis Theme Header
2. Thesis Theme Tutorial: How to Add a Second Navigation Menu
3. Clickable Header Image in Thesis Theme
4. Thesis Theme Tutorial: Move Comments Link from Below the Post to Byline