Header Ads

How to embed Adsense code within post (after post title and before post body) for the blogger blog ?

First you need to get Adsense for Content code from Adsense.
This code will be similar to (This is not exact code it may be different for differ user and different options selected)
<script type="text/javascript"&gt;<!--
google_ad_client = "pub-XXXXXXXXXXXXXXX
X";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format =
"468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

  Also Visit :GOOGLE ADSENSE ALTERNATIVES TO EARN MONEY 
This process requires editing of HTML template of your blog and little bit modification in script code of Adsense code. If you are not aware about scripting or HTML then also you don’t need to worry about it. You can apply following simple steps and everything is done
Normally Google Adsense terms and conditions does not allow you to modify its code. But following modification will not harm you since when this code is used in your blog, and when we look at the source of the blog page it will look exactly same as above code.
In the above code replace all & symbol with &
Replace all < symbol with <
Replace all > symbol with >
Replace all “ symbol with "
Hence the above code will look like
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = &quot;468x60_as&quot;;
google_ad_type = &quot;text_image&quot;;
google_ad_channel = &quot;&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;

Now following changes you need to do at your blog's HTML template
1) Login to blogger.com and you will see Dashboard
2) Click on Layout / Template link for your blog
3) Now you are at Layout -> Page Elements. Here click on Edit HTML link. This will take you to the HTML template of the blog.
4) Here the first thing you need to do is take a back of your HTML template. Hence you can restore it later if you wanted to undo changes
5) After taking back up select check box for Expand Widget Templates
6) Now you need to look for the following code
<p><data:post.body/></p>
7) Now between <p> and <data:post.body/> write following code
<div style=’float: left;’>
</div>
8) And the code will look like
<p>
<div style=’float: left;’>
</div>
<data:post.body/></p>
9) After this you can copy and paste modified Google Adsense code between <div style=’float: left;’> and </div>
10) After pasting the Google Adsense code it will look like

<p>
<div style=’float: left;’>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-XXXXXXXXXXXXXXXX&quot;;
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = &quot;468x60_as&quot;;
google_ad_type = &quot;text_image&quot;;
google_ad_channel = &quot;&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;
</div>
<data:post.body/></p>

11)


Now click to PREVIEW button to verify the changes are correct or not. If everything is alright then click on SAVE button to save the HTML template or click on CLEAR EDITS or DISCARD EDITS to undo all the changes and redo above steps again carefully to rectify the mistake
12) After you have saved the HTML template still if you are willing to revert back to original template. You can restore the backed up template file at step 4 

Source :  Technology Spot
Nipun Tyagi. Powered by Blogger.