Google Adsense ads besides posts in Blogger

Today I came across a post by Deniz illustrating 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.

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 stylesheet, before the
]]></b:skin> tag in your template.

.adv
{
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.

In case you need any help, feel free to contact me.