[Thesis Customization] Placing Banner Advertisement In WordPress Blog Header

• Tweet
• Sharebar

• Tweet

Last few months, I’ve been using Thesis Theme for my blogs. It’s a GREAT theme with tons of customization features for the bloggers and designers. In early days of using Thesis, I was facing a problem in positioning a banner advertisement at Thesis header.

I searched on Google and reached at Francklin Bishop’s website and tried his solution. His positioning and CSS tweaking was fine with fixed display resolution, but if I tried to resize the window, advertisement was moving out from it’s position. However, I kept experimenting on the same code and ultimately I fixed the problem.

Custom Function (custom_functions.php)

function my_header_ad() { ?>
<div id="leaderboard_ad"><a href=""><img src="image url" alt="" /></a></div>
<?php }
add_action('thesis_hook_header', 'my_header_ad');

Custom CSS (custom.css)

.custom #leaderboard_ad {
float: right;
position: absolute;
width: 468px;
height: 60px;
top: 100px;
padding-left: 52em;
}

Once you added the code in your custom_functions.php and custom.css files, you can change width, height, top and padding-left according to your website design and layout.