How to show Google Adsense Below Post Title in Blogger

How to show Google Adsense Below Post Title in Blogger

You might have observed adsense ad placements below post title in most of the websites and blogs. This is the spot suggested by most of the experts to increase the Click Through Rate (CTR). Trying adsense in different spots is a good idea to find a best spot in terms of earning.

This post explains how to place adsense below post title in Blogger.

The tutorial will not be complicated if you 

understand it properly. Do keep a backup of your template before tweaking and breathe properly! 

1. Firstly, you need to encode your adsense code. Go to html encoder, paste your adsense code in the box, and click Encode. Copy the encoded codes.
2. Now go to Blogger Layout page – click Edit HTML – then check Expand Widget Templates.
   (Don’t forget to back-up your template)
   
3. Then Search(Ctrl+F) for
   

   <data:post.body/>

   and,
   
   • Blogs with Read More/Post Summaries hack:
     Paste that encoded adsense code just before the second occurrence of<data:post.body/> in your template.
   • Blogs without Read More/Post Summaries hack:
     Replace <data:post.body/> with the the following code:
     

     <b:if cond=‘data:blog.pageType == “item” ’>
     Your Encoded Adsense Code
     </b:if>
     <p><data:post.body/></p>

4. Try Our HTML Encoder
5. By default, the adsense ad in your post will be displayed above post body as shown below:
   
   If you want to bring together the adsense ad and post body together(as shown in the image below), you need to add the following extra codes in Step-3:
   

   <div style=“float:left;padding:5px;”>
   Your Encoded Adsense Code
   </div>

   

Enjoy Money Blogging!