How to Add 125×125 Banner Ads to Your Sidebar
Many people like to display 125×125 banner ads in their sidebar. In this tutorial, I’ll show you how to add them to your own site.
Step 1 – Upload a Generic 125×125 Banner
The image to the right is already located in the /images folder found in your theme folder, so you can use that if you like. The file name is banner125.gif.
Alternatively, you can use your own generic 125×125 banner; just be sure to name it banner125.gif and upload it to the /images folder within your theme folder (or change the file name used below to reflect the name of your own file).
Step 2 – Create a New Text Widget in Your Sidebar or Footer for the Banner Ads
Add a new text widget to your sidebar or footer, give it a title if you like. Then copy and paste the following code into the widget box:
It has come to our attention that some of our customers have trouble using the above code in the widget box. If this happens on your site, simply use the below code instead:
Note 1: In the above code, you’ll need to change mysite.com to your own site domain name.
Note 2: In the img src code above, you may need to change the /wp-genius-dev/ part to reflect the actual name of your theme folder.
For WP-Genius Basic version, the img src would be:
For WP-Genius Premium version, the img src would be:
For WP-Genius Developer version, the img src would be:
Step 3 – Replace the Generic Banners and Links With Real Ads
All you need to do is upload your own 125×125 banner image(s) to the /images folder, and change the code above to reflect that.
For example, if you upload a new banner called ad125.gif, and you want to link that banner to www.solostream.com, you would simply change the code to this:
And that’s it. The Stylesheet is already set up to display the ads correctly.
Filed Under: Tutorials
