Monday, December 11, 2017

Insert Adsense Ads Below Post Title In Blogger

How to insert/Show Adsense Ads Below post Title In Blogger Blogs? Adsense is the largest plat form of ads serving worldwide and a best source of earning revenue from your online content. This is best for those blogs/websites which gets a lot traffic from search engines. And this is the ads on a targeted keywords and the publisher paid by Google. You can make a regular passive income from Adsense if don’t so. Then there is a problem in your ads placement. Ads placement plays a very important role in your revenue. So, make sure that you have placed your ads on right place in your blog. So today I will show you that how can you place Adsense ads below post title in Blogger.

Read It If don’t have Adsenes Account : Get Adsense Approval Fast And Quickly

Insert Adsense Ads Below Post Title In Blogger

The best places are, Header, Below Post Title, Side Bar and Bottom of the post. We can place Google ads every where in the blog or self created websites. We can implement where ever we wan but the problem is with the blogger blog. Because in blogger blog we only limited to add third party widgets by the HTML/Java Script. We cannot directly enters into the post body. So, it becomes a problem for you to add third party content to your blog you can only do it by adding HTML to your blog coding.

But as you know the blogger blog designed on the basis of XML and it don’t accept some illegal HTML characters such as > < + & and so on. If we want to show Adsense ads in  XML then we have to change those script in simple characters.

Also Check this : How to increase Adsense Earning And CPC

So, in this article we will learn how to insert Adsense ads below post title in blogger inside post to boost up your Adsense CTR and your revenue. Directly when your CTR get increased your revenue will also be increase.

So I will not waste your much time. Simply follow my steps and show your ads below post titles in blogger and see the dramatic change in your earning and CTR. Anyhow, Lets Start.

Step#1. Log in to your Adsense account.

Step#2. Go to the My Ads tab and click on Create New Ad Unit.

Step#3. Set the ad setting according to your desire set the width and height.

Step#4. I recommend you to choose a ad unit of 300 x 250  which is the best for the ads below post titles. Click on save and get code after clicking on it a pop up screen will opened copy your ad code from that screen.

Step#5. Copy the ad code from the pop up screen as shown below in the figure.

After copying the code from the popup past it into the tool

HTML Encoder Tool

This tool will encode your HTML illegal codes into simpler and acceptable. As you know the blogger don’t accept the scrips and HTML as <, >, &,  codes because it is made in XML. The above tool will change all the illegal letters into the acceptable ones.

Your converted code will be look like this..

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–

google_ad_client = &quot;ca-pub-XXXXXXXXXXXXXX&quot;;


google_ad_slot = &quot;XXXXXX&quot;;

google_ad_width = 300;

google_ad_height = 250;



&lt;script type=&quot;text/javascript&quot;



All illegal characters are now removed from your ad code and it is now became acceptable to blogger coding.

Now we have to add this code into our blogger template to show ads.
Simply, Go to Your blogger template.

  • Click on Edit HTML.
  • Press Ctrl+F
  • And search for <data:post.body>
  • After this line leave a </div> and paste the converted ad code..

This process is for showing the ads below the post title and if you want to show this ad below the post then only paste the converted code after the tag.

The ads will be shown at the end of the post. But the problem in the code is that the ads will be show on homepage too. So, I am going to provide you the tags which will fix this problem your only copy and paste the red codes at the end and start respectively.
So, lets go.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
Your Ad Code Will Go Here

Type 1. If you want to align your Ads right below post title in your blog then use this code.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style="align: right; margin: 10px 10px 10px 0;">
Your Ad Code Will Go Here

Type 2. And If you want your ads to align left below post title in your blog then use this code.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style="align: left; margin: 10px 10px 10px 0;">
Your Ad Code Will Go Here

Type 3. If you want you text to wrap the ad like this, as shown in image.

Insert Adsense Ads Below Post Title In Blogger


Then use this code, instead of all above.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div style="float: left; margin: 10px;">
Your Ad Code Will Go Here

Now if you want you ad to show on right side then simply replace “left” with “right” and save. Now all done with adding Adsense ads below post title in blogger blogs.

Now by inserting these tags we actually make the ads to only appear on post pages not on homepage. You can also use tag if you want to align the ad in the top center of the post. Just place the tag before the ad code and after the ad code. So, the ad will be align centered.

By doing this you are not violating the TOS of Google Adsense.  It is important to place the ads after the post title to generate a great revenue. And you are not changing their ad code you are only converting the code into the alternatives. So, Be cool and don’t think about the TOS violation after doing this.

I hope this article is helpful to Share this post with your friends and like our FB page and subscribe via email.

About Duryab Aziz

I am Duryab Aziz a computer science student. I love to write and share ideas about Technology, Blogging, SEO and Blogging Tips. I am very passionate about blogging, I am a SEO expert with 4 years of experience in SEO and blogging. I also provide freelancing services such as anything regarding WordPress, any possible issue that you can have, ;) Like Installation, Speeding up WordPress site, On-Page SEO, Off-Page SEO and Article Writing. View my Upwork Profile here.. You can hire me now :) Just drop a single message.

Leave a Reply

Your email address will not be published. Required fields are marked *