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'> 
<b: widget id = 'Blog1' locked = 'true' title = 'Blog Posts' type = 'Blog'>
line. This step for creating a widget container above Blog Post.

  • If you don't find then search the code by pressing Ctrl+F (Windows) or CMD+F (Mac). 
widget container
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 SaveButton. 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. 
Add 2 Column Ad space at the top of Blog Post?

No comments :