How to Display Google Adsense Below Blogger Post Title

- Advertisement -

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/>

- Advertisement -

1. Now Paste this code just above it

Adsense - How to Display Google Adsense Below Blogger Post Title

<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
Adsense below post - How to Display Google Adsense Below Blogger Post Title
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:
Adsense alignment - How to Display Google Adsense Below Blogger Post Title

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>

- Advertisement -

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!

- Advertisement -
63045c01f4ad860aad8ad74961a9564b - How to Display Google Adsense Below Blogger Post Title
Adeel Younashttps://techwafer.com
Editor-in-Chief at TechWafer (previously The Tech) an Entrepreneur, Blogger, Developer, and Freelancer.

More from author

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Related posts

Advertisment

Latest posts

realme bringing first Narzo phone to Pakistan

The young and trendsetting smartphone brand, realme has not been working in Pakistan for a long time. In just two years, the brand has...

How To Set Do Not Disturb Discord

Tired of the multiple notifications popping up on the screen? Luckily, Discord provides its members with a feature to get rid of all such...

How To Fix the Steam Game Icons Missing

I've recently sorted out how to fix the Steam game icons missing issue as there are almost no tutorials for that over the internet....

Want to stay up to date with the latest news?

We would love to hear from you! Please fill in your details and we will stay in touch. It's that simple!