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 Google Adsense Publisher Account.
If you don't know how to go about this dispite my illustrations you can reach me, I have ebooks that can help you asap, just for N1000. You can pay me via Liberty Reserve or Paypal too. Contact me if interested.
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 Javascript Code Converter.
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..
A little Trick From A Friends Blog
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 == "item"'>
<div style='float:right;padding:5px;'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- gossippme_main_Blog1_300x250_as -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-8601755264169585"
data-ad-slot="6629417231"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</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.