Hello all,
In my first post I presented the method to put adsense ads inside blog headers.
Now I am going tell you one method for putting adsense right inside your blog posts
content. With this method, you will be able to put adsense in between your post title and post content or after the post content. You may even experiment different formatting to move the ads to the right or left. Check what I have done in my page for an example.
Well, here are the steps. This is little more difficult than putting ads in header.
So pls listen carefully.
1 . Go to 'template tab' and then 'Edit HTML'
2 . Find out the following line
<div class='post-header-line-1'/>
If you are not able to find out, then enable the check box
Expand Widget Templates and then check again.
3. Paste your adsense code below that line.
<script type="text/javascript"><!--
google_ad_client = "your publisher id";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "text_image";
google_ad_channel = "1807125254";
google_color_border = "477fba";
google_color_bg = "eef6fe";
google_color_link = "477fba";
google_color_text = "000000";
google_color_url = "4386ce";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
Plese be very carefull while doing the 4th step. The above 3 steps alone is not sufficient. Somehow the ads are not rendering properly. There are several ways to get around this. One way is to remove the '<!--' and '//-->' from the adsense code. But this can be a possible violation of adsense TOS because we are modifying the adsense code. So we need one way with out modifying the adsense code. Now go to step 4.
4. Make the following 2 changes in your adsense code.
Replace <!-- with <!--
Replace //--> with //-->
Now you will get a question. "Aren't you modifying the adsense code now?"
My answer is 'No'. Becuase blogger will make opposite changes of what we have done in the step 4. If you view the page source of the final blog page, your adsense code will be there without any changes !!. Thats what we want.
Thats it. Now you can go ahead and try it out.
For your reference, here is my relavant template portion.
<div class='post-header-line-1'/>
<div style="float:right;">
<script type="text/javascript"><!--
google_ad_client = "pub-5945396827065074";
google_ad_width = 250;
google_ad_height = 250;
google_ad_format = "250x250_as";
google_ad_type = "text_image";
google_ad_channel = "1807125254";
google_color_border = "477fba";
google_color_bg = "eef6fe";
google_color_link = "477fba";
google_color_text = "000000";
google_color_url = "4386ce";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class='post-body'>
