How to add Google Adsense Ads to Blogger Below Post Title, Above Content or Below Content Area

Adding Adsense ads below post title or above content area is definately a good way to increase your CTR ( click through rate ) in Blogger. Also, if you've placed it in your blogger post above the fold, you will receive higher CPM rates than at the bottom of your page below the fold area of your blogger blog. This technique of placing Adsense within a post is a great way of getting more targeted ads to your site, thus, more clicks on ads.

Before you start I just want to tell you a couple of good ad units that work well below blogger posts...

    Large Rectangle (336 x 280) - Recommended First

    Medium Rectangle (300 x 250) - Recommended Second

These Ad formats are highly recomended. You can also choose to align your ads to the left, right or center using float.

So lets get started : )...

How to add Google Adsense Ad Below Blogger Post Title

1. If you want to show your Google Adsense ad BELOW your Blogger post title on the LEFT side, then copy the below Code...
(Replace YOUR ADSENSE CODE HERE with your Ad Code)

<div style="float: left; margin: 10px 10px 10px 0;">
YOUR ADSENSE CODE HERE
</div>

OR

2. If you want to show your Google Adsense ad BELOW your Blogger post title on the RIGHT side, then copy the below Code...
(Replace YOUR ADSENSE CODE HERE with your Ad Code)

<div style="float: right; margin: 10px 0px 10px 10px;">
YOUR ADSENSE CODE HERE
</div>

OR

3. If you want to show your Google Adsense ad BELOW your Blogger post title in the CENTER, then copy the below Code...
(Replace YOUR ADSENSE CODE HERE with your Ad Code)

<div style="text-align: center; margin: 10px 10px 10px 0;">
YOUR ADSENSE CODE HERE
</div>

NOTE:

If you use Code 1. and Code 2. then your content will start to show on the other side of your ad.
If you want your content to show below your Google Adsense Ad, then paste the following code just below  Code 1. or Code 2. ...

 <div style="clear:both"/>

NEXT:

Now you need to add this code to you Blogger Template. Sign into your Blogger account and go to Dashboard--> Design--> Edit HTML, make sure you check the EXPAND WIDGET TEMPLATE box.

Now find this code (use ctrl+F)...

<data:post.body/>

Now paste your code just BEFORE that code.

NOTE:

If you are using the automatic read more option for your custom Blogger template, then you will find the <data:post.body/> code more than once. So, do it for each one and look which one is working (make sure to backup you template). You can paste for both, if you want to display on home and post pages.

All Done!

 

A little Extra...

The area below the content of your post pages or you could say the area above your comment section is also a great place to catch your visitors eye. Placing your ads here could be beneficial if using the Large Rectangle (336 x 280), Medium Rectangle (300 x 250) or Banner (468 x 60) formats.

Now, if you want to show your Google Adsense ads ABOVE the comments area of your Blogger post pages, then do the procedure as you did before but this time paste your code just after this code...

<data:post.body/>