Add Adsense Below Post Content Blogger

Many tests show that Adsense advertisements perform best when mixed in with a websites main content. And most people who do this always add their Adsense ad at the start of the content so it sits side by side with the start of the posts text. Personally I don't like it. For some reason I feel as though it's just not right. I have placed Adsense wrapped around the start of post content but always ended up removing it. Although adding your Adsense blocks mixed into the top of the content isn't against the Adsense TOS (Terms of Service), so long as they are clearly market as "Advertisement" or "Sponsored Links", it just doesn't sit right with me.

So we all know that Adsense performs really well at the top of the content but don't right off placing Adsense ads directly below the post content either. This is an excellent location for Adsense. What do most people do when they land on a website? First of all they scroll down a little. I know I do. What else do they do. They read the post on the page which they landed on. Or they at least scan that post to see if it's what they were looking for. Where does that leave them if they weren't distracted by something else on your site. More then likely at the bottom of the post.

With Blogger if you add an Adsense block to the bottom of the post by manually dragging an Adsense widget to below the post on the Page Elements tab it places the Adsense too far down away from the end of the post content. So what you need to do is add the Adsense code to the HTML of the website so the ad sits directly after your content, like on this website. You will need to convert your Adsense code so it is compatible with the HTML coding of your website. To do this go to http://seotools.bloggertricks.com/free/blogger-adsense-ad-code-converter/ and enter your Adsense code into the box. Press convert and then copy and paste the converted code into your websites HTML in the correct location as explained below.

In Blogger if you want to add your Adsense Ad so that it sits wrapped next the start of your posts content all you have to do is go to the HTML of your Blogger website by clicking the Edit HTML tab > Click the "Expand Widget Templates" box so it has a tick in it's box. Then use your browsers find facility (usually Ctrl F) to find this code in the HTML: <data:post.body/>.

Add your Adsense code directly ABOVE <data:post.body/> if you want your Adsense ad to show up along side the start of your written content. Don't forget to label this ad "Sponsored Links" or "Advertisement" so that you don't break the Google Adsense rules. Also, you need to make sure the ad floats next to the content by adding a "Float" tag.

Your whole code should look like this:

<div style="float: right; margin: 10px;">
<p>Sponsored Links</p>
Your converted Adsense code here
</div>

You can change the code above to suit your needs like changing the Adsense ad from left to right or making the margin more narrow or more wider etc.

If you want your Adsense ad to show up straight after your post content, but most importantly still inside your post all you have to do is add your converted Adsense code directly BELOW <data:post.body/>. You may want your Adsense ad to be in the center so you need to add an alignment.

Your whole code should look like this:

<div align='center'>
<p>Sponsored Links</p>
Your converted Adsense code here
</div>


If you don't have any alignment code (div align) your Adsense ad will be on the left by default.


Please be aware that if you add your Adsense code to your websites HTML in Blogger as shown in these examples it will be added to every single post automatically. This means that say for example on your homepage where you display more then one post, you will be left with a white space because Google Adsense only allows 3 block units per page. One way around this is to only have 3 posts showing on your homepage so that each one has an ad in place. Anymore posts then this and you will have a white space where the Adsense would be.

If you notice on my website, my homepage only shows one post, the most latest update ( Not anymore). I do this because I also show an Adsense ad right at the bottom of my website. If I showed three posts on the homepage that would equal 4 ads on the homepage (not including link units) which would result in one white space from where one Adsense ad would not be displayed by default. The more posts shown on the homepage the more white spaces. Just keep that in mind if applying one of these codes to your HTML. Saying that, some of the newer Blogger templates have a different layout where they only show a thumbnail and snippet of the posts on the homepage. If you use one of these layouts then there shouldn't be any white spaces when showing Adsense within post content, no matter how many posts you show on the homepage. But also note that the Adsense Ads won't show up if the template is using a snippet (Excert) code.  I just prefer to use the older style layouts.