How To Insert Adsense Ads INSIDE Blogger Posts ( Blogger/Blogspot)

How To Insert Adsense Ads INSIDE Blogger Posts ( Blogger/Blogspot)

One of the best sections to display your Google Adsense ads is INSIDE your blog post. So far, the Adsense block in my blog posts is one of the most performing on my blog.  In this post, I am sharing with you, how to add Adsense ad INSIDE your blog post.

Before you implement this trick, kindly BACK UP YOUR TEMPLATE first and I hope you already have an approved Adsense account. If you do not have one, Read: How To Register For Adsense Free of Charge.
Below is a snapshot from my account, showing my earnings so far within the 15 days in December 2010. Take a close look at the analysis in the picture and you will see that the "Postads" channel is making sense.  I created the "Postads" channel for the 300x280 Adsense ad inside my post. If you don't know about channels, you still have a lot to learn about Adsense then. I have 3 great ebooks that can help you asap, just for N1000. You can pay me via Liberty reserve or Paypal too. Contact me if interested.

So, lets get started.

STEP 1: Login to your Google Adsense account, and create a new ad.  Choose the 336x280 large Rectangle ad type. Then, copy the code into a Notepad.  Try and create a channel for the ad, if you know how to do it.

STEP 2: Before you can insert the adsense in your blog, you will need to "Parse" the code. Hence, we will need an html parser to do that. So, go to http://www.blogcrowds.com/resources/parse_html.php
At the page, you will see a box, paste your Adsense code into the box and click the "Parse" button. Copy the parsed code. You will need this parsed code in Step 3.

STEP 3:  Login to you Blogger dashboard and navigate to Design > Edit HTML and tick the small "Expand Widget Templates" box. Using "CTRL+F", search for the code <data:post.body/>  and paste the parsed code above, directly above  <data:post.body/>  and save the template.

That's all. View any of your blog post and you should now be seeing adsense ads showing in your post.

Remember, you can only see maximum of 3 Ad units on a page at a time. Hence, if you already displaying 3 ad units on your page, the fourth one will not display after adding this new one.

Advanced Customization

If you are as smart as me, then you can implement this advanced trick...lol. This trick will align the ad to the right of your blog post and also ensure that the ad only displays on post pages and not on the homepage.

Copy the code below into a notepad and replace the blue part with YOUR parsed adsense code in step 2 and then paste it in your blog as explained in step 3 above. If you do not replace it with your adsense code, that means you will be making money for me because the code in blue, is mine..


<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div style='float:right;padding:5px;'>
&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- My ad 1 --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-6003519134122677&quot;
     data-ad-slot=&quot;6295783343&quot;
     data-ad-format=&quot;auto&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
  </div>
</b:if>
That's all.

NOTE: You can change the float setting in the code above to center or left if you do not like been floated to the right.

I hope it works for you.

If it works for you, kindly use the comment form to share the link to your blog, so we can check it out. If you have problems to ask or want to make contributions, kindly use the comment form.