Add a Firefox Referral Ribbon Banner to WordPress

This tutorial covers the process of adding a Firefox referral ribbon banner to your WordPress site. If you are a Google Adsense publisher, you might be wondering how to make better use of the Adsense Firefox referral program and make a little more money by spreading the use of Firefox. Through personal experience, I have found the best way to give people the opportunity to try Firefox is to make the advertisement stand out. What better way to do this than to add the header to the top of the page?

Note: Google Adsense has dropped the Firefox referral program. This information is left in place for reference only.

Example Firefox Banner Screenshot:

Firefox Referral Ribbon Banner

The Firefox banner Tutorial:

Step 1. Login to your adsense account and setup a "Get Firefox with Google Toolbar" text referral ad. Copy your code to a text file for easy retrieval later in this tutorial.

Step 2. Login to your WordPress Administration panel (WordPress 2.5 and later)

From the Menu, click Design >Theme Editor

From the list of theme files on the right, select your Header (header.php) file

Within the theme editor window, scroll down to where it says <body>

Directly below the <body> tag, add the following code, but completely replace the section with your actual firefox referral code from Step 1.

<!-- google_ad_section_start(weight=ignore) -->
<!--[if IE]>
<div style="
border-bottom: 1px solid #FC0;
margin: 0 0 5px 0;
padding: 4px 0;
font-size: 14px;">
<img src="" mce_src="" alt="Firefox" style="vertical-align: text-bottom;" mce_style="vertical-align: text-bottom;" />
This site is best viewed with Firefox! <code goes here></div>
<!-- google_ad_section_end -->

Step 3. Click update file and go view your site.

You should now have a cool Firefox Referral Ribbon Banner displayed on your site. Google will credit your account up to $1.00 for each person who proceeds to install and use the Firefox browser for the first time.