Pages

Wednesday, November 11, 2015

How To Show Adsense Ads Below Blogger Post Title

Another blogger trick on how to display adsense ads below blogger post title to help you earn from your blog. How much you'll make from adsense depends on your traffic and where you place the ads to increase your CPC. Best places to show adsense ads are usually below the post title, in the middle or within the post body. This doesn't go against adsense policies. The adsense ads can be centalized, wrapped around text or aligned to the left within post. To do this,  follow the steps below on how to show Adsense Ads below blogger post title.

Also Read: How to Add HTML Parse Tool To Blogger
                   How to Add  Read More Attribution Links to Copied Text in Blogger

How To Place Adsense Ads In The Middle Of Blogger Post

  1.  Next is to parse the code you generated from your adsense account. Visit this link to parse the adsense code . On the html parse site, paste your code and click on 'convert' . Your parsed code will be generated. Copy this into a notepad or any text editor. The parse code you generated is what we"ll be using.
  2. From your adsense account, create a new ad unit or get the code to any previous ad unit you have. Most preferred ones are usually 300*250 Medium Rectangle or 336*280 Large Rectangle ad sizes.   
  3. Goto your blogger dashboard, click on 'template'. It will be advisable for you to backup your template first.
  4.  Click on "edit html" in your template, Use Ctrl+F and search for this tag <data:post.body/> copy  the code below and paste  'above'  <data:post.body/>. This tag ( <data:post.body/>) will appear more than once in your template, paste the code either on the second or third tag, depending on which will work in displaying the adsense ad.


<b:if cond='data:blog.pageType == &quot;item&quot;'>

PLACE YOUR AD CODE HERE

</b:if>

5. Replace 'PLACE YOUR AD CODE HERE' in the code above with your parsed adsense code. Save your blogger template. Goto your blog, you should see the new changes, if not paste the parsed ad code above the next <data:post.body/> you see.



Also Read: How To Centralise Blogger Title And Description
                   How To Add Customs Header Tags In Blogger

How To Align Adsense Ad Within Blogger Post

  • By default, the ad will be aligned to the left as shown in the image above. If you'll like your post to wrap around the adsense ad, then copy this code below and paste 'above' <data:post.body/>



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='float:left; margin:10px;'> // type this line manually, dont copy and paste

PLACE YOUR AD CODE HERE

</div>

</b:if>

Also Read: Google Adsense Ads Now Showing In Opera Mini
                    Automatically Open all External Links in a New Window On Blogger




How To Centralize Adsense Ad Within Blogger Post

  • If you'll the ad to be centralized in your post, and the post below the Ad, copy this code instead..


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div align='center'>

PLACE YOUR AD CODE HERE

</div>

</b:if>


NOTE:  In each of the codes above, ensure you replace 'PLACE YOUR AD HERE' with your parsed adsense code and you'll have adsense ads displaying within your blogger post title in no time.