How to Display Google Adsense Below Blogger Post Title

by Adeel Younas
How to Display Googe Adsense Below Blogger Post

You might have observed an Ad below post title in most of the top blogs. Did you know why they prefer adding Ads below the post title? It is because the spot just after the post title is the best place to put ads to increase CTR (Click Through Rate) and it is very important factor for blog monetizing, i will not waste your much time so lets start adding Adsense below blogger post title.

Creating Adsense Ad Unit:
  1. Go to your Google Adsense account.
  2. Create a new ad unit.
  3. For better results choose 300*250 Medium Rectangle or 336*280 Large Rectangle.
  4. Customize your ad and click on save and get code button.
  5. Now parse this code using this HTML Parse Tool to change special characters and convert it for your blogger template, The ads won’t appear if you use that code directly.
  6. Now copy the parsed code.

Adding Adsense Below Blogger Post:

  1. Go to Blogger > Template.
  2. Make a Backup your blog template.
  3. Click on Edit HTML button.
  4. Press Ctrl+F and search for

<data:post.body/>

1. Now Paste this code just above it

How to Display Google Adsense Below Blogger Post Title Image Name

<b:if cond=’data:blog.pageType == &quot;item&quot;’> YOUR PARSED ADSENSE CODE </b:if>

  1. Replace YOUR PARSED ADSENSE CODE with your parsed ad code.
  2. Click on save template button.
  3. Done!
Once you finish, visit any of your blogpost, ad will be displaying like this.The ad below post title will appear on the left side and top of your post same as the picture below
How to Display Google Adsense Below Blogger Post Title Image Name
If you want to show your Ad in right side or center and use the following code

<b:if cond=’data:blog.pageType == &quot;item&quot;’> <div align=”center“> YOUR PARSED ADSENSE CODE</div> </b:if>

If you want to align the Ad on right side then change “center” to “right“.
If you don’t like the ways mentioned above to display your Adsense Ad below post title and want to wrap text around Google Adsense ads like this:
How to Display Google Adsense Below Blogger Post Title Image Name

Use the following code to display your Ad wrapped with text

<b:if cond=’data:blog.pageType == &quot;item&quot;’> <div style=”float:left; margin:10px;”> YOUR PARSED ADSENSE CODE </div> </b:if>

Replace left to right if you want to show ads on the right side wrapped with text.

Important:

All the above codes are added in conditional tags, so it will show Ads only on Posts not on HomePage neither on Label pages, if you are interested and want to show your Ads in every page, then you have to remove the conditional tags. If your Ads are displaying on home page and label pages then take a look on your Ads. If you are displaying 6 posts to appear on your Home page then it will only appear below first three posts and other 3 will display a blank space, so personally i recommend you to display Ads only on first most top post title only, to do so you have to replace the conditional tags with the tags given below to display single Ad on home page and label pages.

<b:if cond=’data:post.isFirstPost’> YOUR PARSED ADSENSE CODE </b:if>

If i missed something or you want to add new comment below!

You may also like

Leave a Comment

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More