How to Add Custom Banner Ad in Thesis Theme Header

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.

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