How to Add Adsense Below Post Titles in Blogger/blogspot

Google Adsense, I believe, is not new to the frequent visitors on Online Business School. In case you are a new visitor here and you do not have a Google Adsense account, you can read my post on How to Open a Google Adsense Account for Free. Google Adsense is a very popular and reasonable ad network on the net. Many bloggers use it but only few are making money from it. The reason for this is not far fetched. It is because they do not know how to place their Adsense ads in the right places.

One of the places where you can place your Adsense ads for good results is to place it inside your posts, especially below your post titles. The Adsense ads below post titles have proven to be one of the most successful money making positions. Without wasting your time, follow the steps below to paste Adsense ads  below your post titles:

Steps:

• Log in to your Google Adsense account.

• Go to "My ads" tab and open "Ad units" from the left side by expanding Content link.

• Click "new ad unit" to create a new ad.

• Select the parameters for your Adsense ad. I mean the size, type and color of your ad.You may add a custom channel but I'll advise you to leave it if you do not know anything about it.

• After you have filled the required information, click "save and get code" button at the bottom of the page.A pop-up window will appear with the ad code. Copy the code.

 Note: Before pasting the ad code in Blogger posts, visit http://www.hacktrix.com/adsense-code-converter/  to convert code and make it compatible with your posts. Paste the ad code and convert it. The converted code will be placed in a box there. Copy the converted ad code.

• Open your Blogger account and go to Design then Edit HTML tab. Check Expand Widget Templates option.

Press Ctrl + f and find   <data:post.body/>

You will see some codes like this:

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Paste the converted ad code just before the above code. The resultant code would look like this

<script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxxxxxxx";
/* my ads */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

• Click the "preview" button to see the result. Do not be scared if you do not see the Adsense ads immediately because it may take some time for Google to activate it. After that, save your template by clicking the "save template" button.

How to make posts appear only on post pages

Adsense ads can be hidden under post titles on main page. The ads will appear only when users click the post title and visit the post page. To do this, follow the steps above but before you convert the Adsense codes, you need to add more codes to the codes above. So, instead of the codes above,  use the codes below:

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type="text/javascript"><!--
google_ad_client = "ca-pub-xxxxxxxxxxxxxxx";
/* my ads */
google_ad_slot = "xxxxxxxxxx";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></b:if>

 That's all. You can now enjoy more Adsense profit after placing your Adsense ads below your post title

.  Share this post using the social networking buttons below the post if you really like it.
I'll love to see your comments on my blog if it worked for you.