How I Place Adsense Code in Blogger Post

There is trick to add Google AdSense and other advertising network such as AdBrite ad unit right beside and inside within Blogger post content, so that the ad block will appear wrapped and floated inline to the top left or top right next to the blog text. If you do not like this layout and dislike the prominent location the ads are displayed, there are other places within blog post to put the ad code.

Here we start. How we can play this.

Step 1. Login to blogger then go to "Edit HTML"

Step 2. Then search for ]]></b:skin> and paste the below code just before this.

/* AdSense*/

/* Made by Souras ( http://www.onlinemoneyxterme.blogspot.com)  */


.adsense_left {
    float:left;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 0;
}

.adsense_right {
    float:left;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 0;
}

.adsense_middle {
    float:left;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 0;
} 

Step 3. Then put ad codes in between the below code

<!-- For left alignment -->

<div class='adsense_left'> 
Here is your ad code 
</div>
<!-- For right alignment -->

<div class='adsense_right'> 
Here is your ad code 
</div>
<!-- For middle alignment -->

<div class='adsense_middle'> 
Here is your ad code 
</div>

If you don’t want any thing around the code just use the below code with the same procedure.

In this Step 1 and 2 are same as above

.topadsense {
    display: block;
    position: absolute;
    top: 35px;
    right: 10px;
}

and Step 3 also same.

<div class='topadsense'> 
Here is your ad code 
</div>