Placing Banner (AdSense) Ad Next to Site Title in WordPress Header

A very common problem is adding an ad unit to your WordPress blog which displays in-line with your site title. Here is the simple way of doing it:

• Open WordPress Editor
• Open the header.php file
• In this file – look for the following code <header id=”masthead” role=”banner”>
• Make the following change to the hgroup tag

<hgroup style=”display:inline-block”>
<h1 class=”site-title”><a href=”http://mysite.com/” title=”Site Title” rel=”home”>Site Title</a></h1>
<h2 class=”site-description”>All about Jobs and Salaries</h2>
</hgroup>

• Immediately below the hgroup tag, add the Ad (Google AdSense) Code inside a span block as shown below:

<span style=”float:right”>
<!– Paste Ad Sense Code below–>
</span>

• Save the file

Viola – you have successfully added a banner ad to your WordPress header inline with the site title and header.

Note: For this to be visually effective, your site’s title and description should be small.

Let us know if you found this tip useful in the comments section below.