Post Content

Example
Code

A nice example of javascript clientside tabs, with current tab highlighting

Example[-][--][++]

Learn about AdSense
Products
AdSense for content automatically crawls the content of your pages and delivers ads (you can choose both text or image ads) that are relevant to your audience and your site content—ads so well-matched, in fact, that your readers will actually find them useful.

Ad

AdSense for search allows website publishers to provide Google web and site search to their visitors, and to earn money by displaying Google ads on the search results pages.

Homepage AFS
Putting ads on your site
Where do the ads come from?
Show only appropriate ads
Getting paid
How do I get started?
What our publishers say

Code[-][--][++]

<codebox html 400 The Code>

<style type="text/css">
body {font-size:83%;padding:1em 0.5em;margin:0;font-family:Arial, Helvetica, sans-serif;}
h1 {margin:0;font-weight:normal}
h2 {font-weight:normal;font-size:1.35em}
img {border:0;}
td {font-size:83%}
div.leftpad{ margin-left:25%;margin-top:27px;}
.bluelink {color:#0000cc;}
#footer {margin-top:2em;border-top:1px solid #ccc;padding:1em 0;color:#666;text-align:center;}
#infotable {border-collapse:}
#infotable p {margin:1em 0;}
#infotable td.menu {border:1px solid #ccc;border-bottom:0;padding:0.75em 0.5em;background:#eee;width:170px;height:40px;cursor:pointer;}
#infotable td.menu a {display:block;}
#infotable td.active {border-right:#fff 1px solid;background:#fff;}
#infotable td.active a {color:#000;text-decoration:none;}
</style>
<script type="text/javascript">
function changePreview(itemNumber) {
document.getElementById('infotable1').style.display = 'none';
document.getElementById('infotable2').style.display = 'none';
document.getElementById('infotable3').style.display = 'none';
document.getElementById('infotable4').style.display = 'none';
document.getElementById('infotable5').style.display = 'none';
document.getElementById('infotable6').style.display = 'none';
document.getElementById('infotable7').style.display = 'none';
document.getElementById('infotable8').style.display = 'none';
document.getElementById('infotable' + itemNumber).style.display = '';
tds = document.getElementById('infotable').getElementsByTagName('TD');
for(i=0;i<tds.length;i++) {
if(tds[i].className == 'active menu') tds[i].className = 'menu';
}
}

</script>
<style type="text/css">
div.subheader {font-weight:bold;margin-bottom:2px;font-size:120%}
</style>
<script src="../../static/en_US/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct="UA-18006-1";
_utcp="/adsense/";
_uanchor=1;
_uccn="sourceid";
_ucmd="medium";
_ucsr="subid";
_uctr="term";
_ucct="content";
_ucid="u_id";
_ucno="nooverride";
urchinTracker();
</script>
<style type="text/css">
DIV.errormsg {font-SIZE: smaller; COLOR: red; font-FAMILY: arial,sans-serif}
font.errormsg {font-SIZE: smaller; COLOR: red; font-FAMILY: arial,sans-serif}
</style>
</head><body>
<center>
<table id="infotable" style="width: 100%;" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="2" style="border-style: solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) -moz-use-text-color; border-width: 1px 1px 0pt; padding: 0.5em; background: rgb(176, 201, 225) none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><b>Learn about AdSense</b></td>
</tr>

<tr>
<td class="active menu"><a href="#" class="bluelink" onClick="changePreview('2');this.parentNode.className = 'active menu';urchinTracker('/adsense/overlay/products');return false;">Products</a></td>
<td rowspan="8" style="border-style: solid solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) -moz-use-text-color; border-width: 1px 1px 1px 0pt; padding: 0.75em 1em;" valign="top">

<div id="infotable1" style="display: none;">
Google AdSense is a free and easy way for website publishers of all
sizes to display relevant Google ads on their website's content pages
and earn money. The ads are related to what your visitors are looking
for on your site âââ‰â¬Â or matched to the characteristics and interests of
the visitors your content attracts. <p align="center"><img src="../../static/en_US/images/stepbystep.gif" height="157" width="369" alt="Step by Step"></p>
</div>

<div id="infotable2">

<b>AdSense for content</b>
automatically crawls the content of your pages and delivers ads (you
can choose both text or image ads) that are relevant to your audience
and your site contentâââ‰â¬Âads so well-matched, in fact, that your readers
will actually find them useful. <p align="center"><img src="../../static/en_US/images/468x60.gif" height="62" width="471" alt="Ad"></p>
<b>AdSense for search</b>
allows website publishers to provide Google web and site search to
their visitors, and to earn money by displaying Google ads on the
search results pages. <p align="center"><img src="../../static/en_US/images/homepage-afs.gif" height="157" width="399" style="width: 400px;" alt="Homepage AFS"></p>
</div>

<div id="infotable3" style="display: none;">
With Google's extensive <a href="https://adwords.google.com/select/Login#sourceid=awo&subid=ww-ww-et-ashp&medium=link">AdWords</a>

advertiser base, we have ads for just about all categories of
businesses and for practically all types of content, no matter how
specialized.
<p>Google technology matches the most relevant and highest performing
AdWords ads to your website. And since Google provides the ads, you don't have to worry about maintaining advertiser relationships.</p>
</div>

<div id="infotable4" style="display: none;">

<table style="margin: 0pt;" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding-right: 1em;">
<b>Competitive Ad Filter</b> enables you to filter out specific competitors or specific advertisers.</td><td>
<img src="../../static/en_US/images/

page7_1.gif" height="70" width="197" alt="Filter"></td></tr>

<tr><td style="padding-right: 1em;"><p><b>Editorial Review</b> makes sure that all Google ads are reviewed and approved by the Google team, ensuring that inappropriate
ads don't appear on your pages.</p></td><td></td></tr>

<tr><td style="padding-right: 1em;"><p><b>Customizable default ads</b>
means that in the unlikely event that Google is unable to serve
targeted ads on your page, we provide the option to display a default
ad of your choice.</p></td><td></td></tr>
</tbody></table>

</div>

<div id="infotable5" style="display: none;">

<b>How do I get paid?</b><br>
You get paid whenever someone on your site clicks on one of the AdSense
ads. Advertisers can also bid to appear on your site on a CPM (cost per
thousand impressions) basis. Both CPC and CPM bids compete in our <a href="https://adwords.google.com/select/Login#sourceid=awo&subid=ww-ww-et-ashp&medium=link">AdWords</a> program to ensure that you optimize your ad revenue.<br><br>
<b>Electronic Fund Transfer (EFT)</b><br>
We have an EFT payment system available in a number of countries, which
will help get your AdSense earnings delivered directly to your bank
account every month without any additional effort.<br><br>
<b>How much do I get paid?</b><br>
How much you earn depends on a number of factors including how much an advertiser bids on your site -- you'll receive a portion of what the advertiser pays. The best way to find out how much you'll earn is to sign up and start showing ads on your web pages.</div>

<div id="infotable6" style="display: none;">
Becoming an AdSense publisher is fast and easy:
<p align="center"><img src="../../static/en_US/images/stepbystep.gif"></p>
<br>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr valign="top">
<td width="50%" style="padding-right: 2em;">
<b>To apply, you must have:</b>

<ul style="padding:0px 0px 0px 10px; margin:0px 0px 0px 10px;">
<li style="margin-top:5px;">A launched website with <a href="https://www.google.com/adsense/policies?hl=en_US" onClick="urchinTracker('/adsense/overlay/how_started/policies');">acceptable content</a> and valid URL.</li>
<li style="margin-top:5px;">A valid payee name and mailing address to receive your payments.</li>
</ul><br />
<div align="center"><a href="https://www.google.com/adsense/support/bin/answer.py?answer=75109&topic=8422&sourceid=aso&subid=ww-ww-et-asui&medium=link" onClick="urchinTracker('/adsense/overlay/how_started/app_tips');">Read tips for application success</a></div>

<br /> </td>

<td width="50%" style="padding-right: 2em;">
<strong>Don't own a website?</strong> Create one with <a href="http://www.blogger.com/start?utm_source=aso&utm_campaign=ww-ww-et-ashp&utm_medium=link" onClick="urchinTracker('/adsense/overlay/how_started/blogger');">Blogger</a> or <a href="http://pages.google.com?utm_source=aso&utm_campaign=ww-ww-et-ashp&utm_medium=link" onClick="urchinTracker('/adsense/overlay/how_started/page_creator');">Google Page Creator</a>.
<br />
<br />

<strong>Have multiple sites?</strong> As an AdSense publisher, you can place ads on any acceptable site-- <em>without re-applying</em>. </td>

</tr></tbody></table>
<p align="center" style="font-size:large"><a href="https://www.google.com/adsense/g-app-single-1" onClick="urchinTracker('/adsense/overlay/how_started/get_adsense_now');">Get AdSense now-- it's free!</a></p>
</div>

<div id="infotable7" style="display: none;">

AdSense lets you customize the appearance of ads to match the look and feel of your site. You can also customize the style of your AdSense for search box and search results page.
<p><a href="../../static/en_US/AdFormats.html?sourceid=aso&subid=ww-ww-et-asui&medium=link" onClick="urchinTraker('/adsense/overlay/putting_ads/formats');">View available ad formats</a></p>

<p align="center"><img src="../../static/en_US/images/afc_color_new.gif" height="238" width="474" alt="Color Palate"></p>
<p><strong>Adding AdSense to your pages is easy.</strong> Once your application is approved, just log into your account, customize your ad unit, and copy and paste a block of HTML code into your website. You're welcome to place ads on any <a href="https://www.google.com/adsense/policies?hl=en_US" onClick="urchinTracker('/adsense/overlay/putting_ads/policies');">acceptable site</a>-- <em>without re-applying</em>.</p>

</div>

<div id="infotable8" style="display: none;">
"Google shows targeted ads reflecting the sorts of information and
services SeatGuru visitors want. For a small business like mine, this
is the best approach to advertising. You set it up easily, it
automatically serves relevant ads, and it takes very little of my
time."<br><br>
<div style="text-align: right;">- <i>Matt Daimler, Founder, SeatGuru.com</i></div>

<p>"AdSense has become our standard means of generating immediate revenue
as we develop site content and richness."</p>
<div style="text-align: right;">- <i>Troy Peterson, Web Operations Manager, GPSworld.com</i></div>

<p>"We knew immediately that AdSense for content would be an extremely powerful combination: the thick Google 'black book' of advertisers, plus great contextual targeting to make ads useful for our readers."</p>
<div style="text-align: right;">- <i>Robin Liss, Founder, CamcorderInfo.com</i></div>

<p><a href="../../static/en_US/Success.html">Publisher success stories</a></p>
<p><a href="http://services.google.com/feedback/publisher_stories">Tell us your story</a></p>
</div>

</td>
</tr>

<!-- old sections

<tr style="display:none;">
<td class="active menu"><a href="#" class="bluelink" onclick="changePreview('1');this.parentNode.className = 'active menu';return false;">What is AdSense?</a></td>
</tr>

-->
<tr>
<td class="menu"><a href="#" class="bluelink" onClick="changePreview('7');this.parentNode.className = 'active menu';urchinTracker('/adsense/overlay/putting_ads');return false;">Putting ads on your site</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="bluelink" onClick="changePreview('3');this.parentNode.className = 'active menu';urchinTracker('/adsense/overlay/where_ads_from');return false;">Where do the ads come from?</a></td>

</tr>
<tr>
<td class="menu"><a href="#" class="bluelink" onClick="changePreview('4');this.parentNode.className = 'active menu';urchinTracker('/adsense/overlay/show_appropriate');return false;">Show only appropriate ads</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="bluelink" onClick="changePreview('5');this.parentNode.className = 'active menu';urchinTracker('/adsense/overlay/how_paid');return false;">Getting paid</a></td>
</tr>
<tr>

<td class="menu"><a href="#" class="bluelink" onClick="changePreview('6');this.parentNode.className = 'active menu';urchinTracker('/adsense/overlay/how_started');return false;">How do I get started?</a></td>
</tr>
<tr>
<td class="menu"><a href="#" class="bluelink" onClick="changePreview('8');this.parentNode.className = 'active menu';urchinTracker('/adsense/overlay/publishers_say');return false;">What our publishers say</a></td>
</tr>
<tr>
<td style="border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 11em;"> </td>
</tr>

</tbody></table>

</codebox>