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

Right-click the image to the right and save it to your desktop as banner125.gif. Then upload it to the /images folder within your WP-Vybe theme folder. Alternatively, you can use your own generic 125×125 banner; just be sure to name it banner125.gif or change the file name used below.

Step 2 – Create a New Text Widget in Your Right Sidebar for the Banner Ads

Add a new text widget to your right sidebar, give it a title if you like. Then copy and paste the following code into the widget box:

Make sure you note the folder name where WordPress is installed (i.e., “wp-vybe”), which needs to appear in the code. Also, if your published WordPress site is, for example, www.mydomain.com/wordpress/ you must remove the preceding slash after <img src="wp-content/themes/wp-vybe/images/banner125.gif" alt="banner ad" />.

Step 3 – Replace the Generic Banners and Links With Real Ads

All you need to do is upload your 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.

Popularity: 11% [?]