HackingUniversity - Hacks . Tricks . How-To's

13 June 2012

How to add AdSense Code below Post Title in Blogger

AdSense is the best mean to earn some money out of your blog by sharing some of your precious knowledge with people all over the world. People love your post they see ads they click on it and you are rewarded with the money that advertisers are willing to pay for the clicks they get on their advertisements. Well getting exposure on your ads is the main thing which you should consider after getting the AdSense approved so the best place for maximum exposure and clicks is right below the post title.

adsense post title

So the thing is that your normal code won’t work here so you need to convert it and remove all the < > and other with code that will work right inside the post. So now right here you don’t need to work harder because we have created an awesome converter which you can use to convert the whole code so visit our AdSense Code Converter Page and paste the whole code in the box provided and than click on convert.

Now your converted code will be displayed just copy that and paste it below in between the two lines to create the full working code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Paste your converted AdSense code here

</b:if>

Now follow below steps to add your AdSense block right below the post title.

  1. Sign-In to your blogger account and navigate to Design > Template > Edit HTML and click on Proceed now tick mark expand widget templates.
  2. Now press Ctrl + F and search for <div class='post-header'> or <div class='post-header-line-1'/> and than paste the above code which you have created below any of these lines.
  3. That’s it now just save your template and refresh your blog to see new AdSense block right below your post title.

If you find any problems than do comment below so that I can check it up and fix that as soon as possible.