How To Place Google Adsense Ad Below The Post Title of Blogger/Blogspot Blog?

Placing Google Adsense ads just below the Post title can increase the Click Through rates higher than imagination. People usually see the content just below the content; and if any ads can be placed just above the content but below the post tile; it amazingly increase the clicks on advertisement and earnings grows better.

And most importantly, if you add your Google Adsense codes below the post title, the ads which will be served to the visitors, found more relevant than if it is placed somewhere. And you know, people love to click on the relevant ads.

Now the question is – “How To put Adsense below the Post Title of Blogspot/ Blogger Post Title?”

Well, there are some easy steps that you can follow to put the Google Adsense Codes just below your blogspot/blogger blog’s post title. Before proceeding to the codes applying steps, you better backup your full templates by using “Download Full Template” option. You should do it, because if the codes becomes messed up; there will have the opportunity to reinstall it.

1. Firstly go to your Adsense account and create/ generate a new code. Remember, the Large Rectangle or Square ads code is the best for higher CTR. After generating a code; just copy it.

2. Now you have to parse this code before applying it into your blogger template. So click this link to find a parser box from Bloggerplugins.org and paste your code into the box.how to place adsense ads below blogger post title

3. Now push the “Parse It” button which is located below the box. See the image above.

4. You will get the parsed code of your Adsense and copy it now.

5. Go to your Blogger/Blogspot dashboard and enter on your desired Blog. From the “Design” menu, click on “Edit HTML” tab. Your blog’s HTML page will be opened. Now click on the Tick Button of “Expand Widget Template” to expand the html codes of your site.

6. Now press “Ctrl+F” from your keyboard and type <data:post.body/> on the box to find the same code from your template.

7. Now paste your copied parsed codes just above the <data:post.body/> code and save your template. If you dont find the <data:post.body/> code from your template you should find another code which is<div class=’post-body entry-content’> and paste your parsed google adsense codes just below it and save the template.google adsense codes below title of blogspot blogger post

If you can follow all of the steps mentioned above; your Blog supposed to show the Google Adsense Ads just below the Post title.

Let me know if you still have any problem regarding putting Google Adsense codes just below the post title of Blogger / Blogspot post Title.

Best luck.

Related posts:

  1. How to Create Expandable Post By Using “Read More” Option at Blogger (Blogspot)
  2. How To Add Retweet Button Just Below The Post Title of Blogger Site
  3. How To Use HTML Alt Tag in Image of Blogger (Blogspot) Blog?
  4. Setup a Blog For Free in Blogger.Com (Blogspot) [For Newbies]
  5. Why Attractive Post Title Is Important?
  6. Top 6 Adsense Revenue Sharing Sites For Residual Earnings & Backlinks

{ 6 comments }

Kaushik Biswas June 20, 2010 at 7:17 pm

Like this, it technically becomes “above post body”. To make it technically below post title, then put it below <data:post.title/>
Visually both are same to the human eye. But as a tech blogger, your post must be technically correct :)

Nasir Uddin Shamim June 23, 2010 at 11:15 pm

Yeah! I knew it…..but I found that people search on Google typing “How to add Google ads just below post title”; and this is why i made such type of Post Title.

Thanks for the comment bro :)

AME August 4, 2010 at 8:23 am

hi, i am totally confused none of the code you mentioned here is not appearing on my blogger template source.

i checked it many times but no code like that nor any code you mentioned above in the article.

will you please suggest me, to rectify this problem or any other way to it. i am very eager to implement this hack into my blog http://teluguonlinehindimovies.blogspot.com/

thanks in advance to seedy reply :-)

Shamim August 4, 2010 at 11:04 am

Hi AME.

I don’t know why you are not finding these code. I have mentioned two codes here. If you don’t find the first code; then try to find the second code and place ads above that.

If you just open the “Edit HTML” page; you won’t see that codes. You must have to extend the HTML page in order to see that special codes. R u sure that; you extended your HTML page? You can try it again now. If you still have any problem. Contact my via contact page of this blog. I will try to help you personally. Thanks.

AME August 7, 2010 at 5:41 am

hi Shamim, i worked on your tip, it worked. may you suggest how to make ad unit to float into the content; as i am seeing in your post.

thanks alot :-)

Nasir Uddin Shamim August 7, 2010 at 6:29 am

It’s another easy hack. See the codes below:

<div style = "float:left; ">
<!—– your Adsense code here ——–>
</div>

This code will float your adsense code into left side of your content. You can change the floating direction to right side by placing this code < div style = "float:right;"> if you need it. :)

Comments on this entry are closed.

Previous post:

Next post: