Wrapping Adsense in Blog Post

by Bonnie Calhoun

This is the third in the series of Adsense posts. The other two are HERE, and HERE.

Today I'm going to teach you how to wrap Adsense code into a blog post. The first example isn't exactly rocket science so even the most novice of bloggers will be able to accomplish this with ease.

First the glaring question: Why would I want to give myself the heart palpitations that come with messing with the stupid HTMl in my template to put in an equally stupid ad?

LOL...the answer to that: Ads placed within blog posts have been tested and proved to give the maximum in CTR (click thru rate). LOL...this means that you make a lot more money than with other locations on your page.

Let's first look at the use of the Adsense Widget.

From your Dashboard, click Layout. It will open on the Page Elements page. Click the Edit link in the Post Box. There is a clickable link in that open Configure box that you can click to put Ads between any number of posts. Read this Blogger Article about Placing Ads between posts.

From here on, it's going to get a little tougher, so the first thing I would recommend is Backing Up Your Template if you already don't have a copy of it saved in a NotePad file on your own computer. When you open the Layout tab, and click Edit HTML it will give you the Backup link...Please USE IT!!!


Okay...you're all backed up...now on to putting Adsense in your posts. Check the Expand Widget Templates box above the Edit window. Search for the following lines:

<data:post.body/>
or
<p><data:post.body/></p>

You will need to Parse Your Adsense Code like I taught you to do in THIS POST. This is how the post section code will look after you add the Parsed Adsense Code and the line to direct the ad to sit left, or right. In this code I have it set for left. To move it to the other side of the post, change the float position to right.

<div class="post-body entry-content">
<div style="float: left;">
<script type="text/javascript"><!--
google_ad_client = "pub-XXXXXXXXXXXXXXXX";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><data:post.body/></p>

Click the SAVE TEMPLATE button, and you're done