Spiga

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.

 

blogger-ad-top blogger-ad-beside-right blogger-ad-beside-left
Middle Placement Right Placement Left Placement


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.

 

Box 1

/* 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

Box 2
<!-- 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

Box 3

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

 

and Step 3 also same.

Box 4

<div class='topadsense'>

Here is your ad code

</div>

Related Posts by Categories



1 comments:

  Anonymous

February 7, 2011 at 7:13 AM

Thanx brother

Post a Comment

Add to: Mr. Wong Add to: Webnews Add to: Icio Add to: Oneview Add to: Yigg Add to: Linkarena Add to: Digg Add to: Del.icoi.us Add to: Reddit Add to: Simpy Add to: StumbleUpon Add to: Slashdot Add to: Netscape Add to: Furl Add to: Yahoo Add to: Blogmarks Add to: Diigo Add to: Technorati Add to: Newsvine Add to: Blinkbits Add to: Ma.Gnolia Add to: Smarking Add to: Netvouz Add to: Folkd Add to: Spurl Add to: Google Add to: Blinklist Information