Add 2 Column Ad space at the top of Blog Post?
How to add 2 column ad space below the Blogger Post title?
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.
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'>
<tr>
<td align='center' style='background-color: #F5F5F5; padding: 5px;' width='300'>
FIRST ADVERTISING CODE HERE
</td>
<td align='left' style='background-color: #F5F5F5; padding: 5px;' width='300'>
SECOND ADVERTISING CODE HERE
</td>
</tr>
</table>
Customization
- 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 at the top of Blog Post? |
1 comment