Custom Search

Google AdSense ads besides posts in Blogger

Wednesday, December 17, 2008

google_adsense1

How to put Google Adsense ads besides your posts in Blogger.

The method makes use of tables to align the ads to the left. But why use tables when you can use CSS to make Adsense ads appear besides your posts easily. Also by using the CSS method you can make Google Adsense ads appear on either the left side of your post content or right side of your post content which is not possible in case of tables.

google_adsense2

So here is a CSS method to put Adsense ads besides your posts.

The CSS code

Open your blog's template in the template editor and add the following code. Simply paste the code into the style sheet, before the

]]></b:skin> tag in your template.

.advv

{

float:left;

padding-right:10px;

padding-right:10px;}

The above code aligns your ads to the left. If you want

to align your ads to the right simple use float:right in

the third line.

Changes in the Adsense code

Now grab the Adsense code of your favorite format and

before pasting it in your template just make a small change in the code.

Wrap the code in the tags <div class='adv'> and </div>

For example,

<div class='adv'>

Your adsense code

</div>

That's it, your adsense ads will now appear besides your posts.

0 comments:

  © Blogger template Writer's Blog by Ourblogtemplates.com 2008

Back to TOP