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 <
> with >
" with "
After replacing your code will look like the code bellow
<script type="text/javascript"><!--
google_ad_client = "pub-0000000000000000";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as&amp;quot;;
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "000000";
google_color_url = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
google_ad_client = "pub-0000000000000000";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as&amp;quot;;
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "000000";
google_color_url = "000000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Step 2 : Now you need to log in to bloger account > then go for templet editing option > expand widget
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
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>
<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>
<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>
<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>
AdSense Code
</div>
