How to place adsense codes in body of the blog post


We bloggers generally use wordpress or blogger platform for blogging, Some of us are professional where some are not, So this article gives the information on how to integrate the googe adsense code into the body of the blog post, It is simple not a hard task,

So following steps are involved in integrate the googe adsense code into the body of the blog post



Step 1 : Convert your adsense code using "http://www.hacktrix.com/adsense-code-converter/"
             or you can personally alter the adsense code by replacing following things in code
           

               < with &lt;
               > with &gt;
               " with &quot;


After replacing your code will look like the code bellow

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-0000000000000000&quot;;
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = &quot;336x280_as&amp;amp;quot;;
google_ad_type = &quot;text&quot;;
google_ad_channel = &quot;&quot;;
google_color_border = &quot;FFFFFF&quot;;
google_color_bg = &quot;FFFFFF&quot;;
google_color_link = &quot;000000&quot;;
google_color_text = &quot;000000&quot;;
google_color_url = &quot;000000&quot;;
//--&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;


Step 2 : Now you need to log in to bloger account > then go for templet editing option > expand widget

Your Ad Here
Step 3 : Now search for post.body through your browser's search function (Ctrl+F for Firefox and IE). You would see following code lines


<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

So if you want to have adsense code to be shown on left side of your blog as shown in image bellow



Place the code as specified bellow

<div class='post-header-line-1'/>
<div style='float:left;'>
AdSense Code
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>




 If you want to have adsense code to be shown on right side of your blog 

Place the code as specified bellow

<div class='post-header-line-1'/>
<div style='float:right;'>
AdSense Code
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Based on your requirements you can vary the margins of the ad unit

<div style='float:left; margin:5px 10px 15px 20px'>
AdSense Code
</div>
 
Please donate us
Your Ad Here
 
Copyright © 2011. Ehow Plus - All Rights Reserved
Proudly powered by Sacnorth media