Monday, 6 May 2013

Place ads under post title in every post-Blogger tips

Hello Readers, in this post I will tell you how to display ads just under the post title in every blog post to increase the ads revenues, CTR and CPM. Almost every blogger uses some ads providers to display their ads and earn money online. Good ads placement can give you a higher CTR and it will increase your earnings as well. The best positions for placing the ads on your blog are in the upper fold, so that your ads will be visible to the visitors at the time of page load. One such position is in the blog post, just beneath the post title. This post features a tutorial for placing ads in every blog post at the same place.
place ads under post title

Ads providers like Adsense, Adhitz and Qadabra allows you to add their ads code in your blog anywhere. But it is recommended to choose the ads placements and ads unit wisely. Some ads providers have restricted the number of ads unit so it is very important to set the ads placement at the most visited place. If you place your ads in your post, it will be visible on the posts page and hence the chances on getting it clicked will increase. Placing your ads in the post will also increase your CPM (Cost per mille or Cost per thousand views).
Now let us see how to place ads under the post title by editing the blogger template:

  • First of all Log in to your Blogger Account and go to dashboard.
  • Click on Template menu.
  • Before editing the template, it is recommended to take backup of your template. If you don't know howto take backup of blogger blog, you can see my post for the same.
  • Visit this webpage and parse your ads code. It will convert all the special characters to HTML friendly characters.
  • After taking backup and parsing ads code, click on edit template and expand the Widgets.
  • Now search for this code, it might be more than once, so find the last one:
  • Just before this line add the following code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align="center">YOUR PARSED ADS CODE HERE</div>
  • You can customized the alignment of the ads by changing the align attribute in the above div tag.
  • You can also make the ads Float with your content by specifying the float left or right attribute in the div style like this:
<div style="float:left">YOUR PARSED ADS CODE HERE</div>
<div style="float:right">YOUR PARSED ADS CODE HERE</div>
  • Save the template and check the post page, ads will start displaying under the post title.

It is recommended to use the 320x250 or 336x280 ad units in this placement. You can experiment with the text or flash based ads as well. If you face any problem in placing your ads, you can comment here. I will be happy to help you.

You should see other Blogging and SEO tips or OnlineEarning Methods on Unziptech.

If you like my work; you can show your regards by hitting Facebook like button, following us on Google+ or Twitter, stumbling our posts on stumble upon or giving us a link back via the links below. Stay tuned for more tech updates.

Do you like this post? Please link back to this article by copying one of the codes below.

URL: HTML link code: BB link code:
author pic
Author: Mohammad Zafar Ahmad
Zafar Ahmad is PHP/Java Developer and a Passionate Blogger. He likes to write about Blogging tips, SEO tips, Blogger Widgets, Smart phones, Tablets and Online Earnings. You can find him on Facebook, Twitter or Google+

No comments:

Post a Comment