Monday, January 26, 2009

Add AdSense Code Manually On The Blog Post On New Blogger




In the previous page I had share tips about how to add AdSense between blog post and at this time I will share tips about how to Add AdSense code manually on the blog post on new Blogger that can be done as follows:
1.Log in to Blogger with your account.
2.On the dashboard menu select template, here you will see the edit HTML tab and select this section, see the image below:



3.Then on the edit HTML tick the check box for Expand Widget Templates like this:



4.Next step is parsing the AdSense code as the example below:
<script type="text/javascript"> <! --
google_ad_client = "pub-XXXXXXXXXXXXXXXX";
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>

Change the HTML characters by replacing the (<) to (&lt;) and the (>) to (&gt;) and the quote marks ( ") to (&quot;), then the code will be look like this:
&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;

You can also use parse HTML online services by clicking here.
4.Now back to edit HTML and scroll down on the edit HTML, search for the <data:post.body/> tags or you can press (Ctrl + F for IE and Firefox). You should see this code:
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>

5.And you can add the parsed AdSense code before or after the <data:post.body/> tags, if you want to place on left or right on the blog post the code will be like this:
<div style='float:left;'>
the parsed AdSense code
</ div>

If you want to place AdSense on the right ,just change the float from left to right.

Click here to get your free mobile phone or apple ipod

No comments:

Post a Comment

Custom Search