WP-Banner NG

Finally there is a new version of the WordPress plugin wp-banner available.

With this version the plugin took a big step forward to established WordPress usability standards. To reach this ambitious goal this plugin is mainly rewritten to use jQuery and jQuery-UI. To illustrate the alteration, the version number made also a big jump from 0.6.1 to 1.0.0.

In detail, now its easier to place your advertisement banner images or Flash films on your WordPress blog. With the help of a small abstract preview and a position slider you are now able to place the ads almost everywhere without editing the plugin script (see image 1). This new feature implies unfortunately a small incompatibility, when you update from an old to this new version, you have to place all the existing banner images again. But don’t worry, your existing customers will not be lost and no existing data will be deleted, you only have to place the advertisements once again.

New layout placement utility

image 1

The plugin checks automatically if you had put more than one image to the same position. If you did so,  a randomized banner rotation is activated.

The old version let you place only one advertisement at a time or two if you’re using widgets. This limitation is lifted with this new version, now you can place as much advertisements on your blog as you want, even between posts. This also applies to widgets, since WordPress provides multiple widget support.

How to place an advertisement

The WordPress layout has a standard structure based on div tags. Most of this tags have a distinct id. The div ids we are using to place the banner are listed under the drop-down menu WP Div ID, the body tag  is an exception to the rule. After you have selected a div id you have to choose if to append, prepend or to put the banner div after the selected layout id.

Wordpress layout structure

image 2

Image 2 shows you a sample structure of a standard WordPress layout with the symbolic blue banner div.

In this example the div with id=wrapper is chosen and  shows the position of the banner div with each option append, prepend and after. If you select a different div the behavior of the three options is equivalent.

By default the position of the ad is on the left. With the slider shown in image 1 you can adjust the horizontal position to fit your needs. Using a standard banner size of 480×60 a setting value of 25% might be the right choice to center the banner div.

Now your are also able to put the ad between two posts. The most top post has usually the highest post-number, here symbolized with post-n. If place a banner after a post, you have to consider that the  vertically position of the ad will change if you add a new post, so you may correct this after publishing.


If there is no entry in the WP DIV ID selection box, check your PHP-Installation if allow_url_fopen option is enabled.

If you see only the body tag your WP themes has no css-ids. The solution is: change your theme. There are lot nice themes using the id parameter.
So that is all for now.

Happy advertising ! 🙂

If you like this plugin and if it helps you to make money, it would be nice and fair if you would support this work with a donation.