Add 2 Column Ad space at the top of Blog Post?

How to add 2 column ad space below the Blogger Post title?
Add 2 Column Ad space at the top of Blog Post

Income generation is depends on accurate ad placement space. If you place your ads in wrong place then you may not generate your desired income. However nobody can say what exactly the right place to get maximum revenue from Blog advertisement. But Google has identified some place where placing ads work best. Such as Top of Blog post, Sidebar, Below post title and end of the Blog post. However it varies according to the template design and layout.

In this tutorial I will show you how we can place ads at the top of Blog Post for generating maximum revenue from advertisement. By applying this trick you will able to display 2 column ads at the top of blog post. And ads will be visible in all pages. for better result take ads code whose size is 300px width and 250px height. Not only Adsense ads can place but also any kinds of advertiser's ads you can place there.

Adding a Widget container at the top of Blog Post

First We have to create a widget container at the top of Blog post. So kindly follow the below steps.

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on Now click on -> Template -> Edit HTML

Step 3 Now click on Jump to widget button from the top of HTML Editor. And select Blog1.


Step 4 Find the <b:section class='main' id='main' showaddelement='no'>  above <b: widget id = 'Blog1' locked = 'true' title = 'Blog Posts' type = 'Blog'> line. This step for creating a widget container above Blog Post.
widget container
  • If you don't find then search the code by pressing Ctrl+F (Windows) or CMD+F (Mac). 
  Step 5 Now replace <b:section class='main' id='main' showaddelement='no'>  code with <b:section class='main' id='main' showaddelement='yes'> code. Here I have changed only 'no' with 'yes'
add new gadget

Step 6 Now simply hit the Save template Button. Check you Blog layout that a new widget container has created. 

Placing 2 column Ads code at the top of Blog Post

After successfully creating the widget container now we will place the ad code there.

Step 1 Go to Layout from Blogger Dashboard. You will see new widget container has created.

Step 2 Click on Now click on -> Add a gadget Link and select HTML/JavaScript


Step 3 Now copy the below code and paste it on HTML/JavaScript widget.

<table border='0' cellpadding='0' cellspacing='0' color='#FFFFFF' width='610' style='margin: 5px 5px 0 0'>
<td align='center' style='background-color: #F5F5F5; padding: 5px;' width='300'>
<td align='left' style='background-color: #F5F5F5; padding: 5px;' width='300'>


  • Replace FIRST ADVERTISING CODE HERE with 300px width and 250px height ad code. Similarly replace SECOND ADVERTISING CODE HERE  with 300px width and 250px height ad code.
Step 4 And press the Save Button. After that check the advertisement in your Blog site.


Now you can see the advertisement appearing at the top of your Blog posts. Need any help then leave a comment below. Thanks. 

How to add 2 column ad space below the Blogger Post title?
How to add 2 Column Ad space at the top of Blog Post?
Go Up