How to Put Adsense Code INSIDE A Blog Post (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 is in this post, I am sharing with you, how to add Adsense code 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.

So, let’s get started…….


STEP 1: : Login to your Google Adsense account and create a new ads. Choose the 336×280 large Rectangle ad type. Then copy the code into a Notepad or any place safe. Try and create a channel for the ads, 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 METHOD USED BY PROFESSIONAL
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 type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;pub-&quot;;
google_ad_host = &quot;pub-&quot;;
google_ad_host_channel=&quot;00000+00013+00012+00299&quot;;
/* 336×280, created 12/26/09 */
google_ad_slot = &quot;5115307496&quot;;
google_ad_width = 336;
google_ad_height = 280;
//–&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&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.

1 comment:

  1. I REALLY ENJOYED THIS ARTICLE IT'S GONNA HELP ME A LOT. Greetings from www.harrymarcel.blogspot.com . Thanks for this post.

    ReplyDelete

Thank you all for taking your time to read!!!