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.
- 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'.
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.
<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'>
FIRST ADVERTISING CODE HERE
<td align='left' style='background-color: #F5F5F5; padding: 5px;' width='300'>
SECOND ADVERTISING CODE HERE
- 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.