The Author’s website illuminates nothing in regards to positioning banners using div tags. It doesn’t help that the code used to nest the banner div in a parent element doesn’t work. So to save anyone else the hassle…
After installing the plug-in: –
1) Open plugins/wp-banner/js/tools.js
FIND: parentName.appendChild(banner); (line 38)
REPLACE: parentName.appendChild(banner);
WITH: document.getElementById(parentName).appendChild(banner);
2) Decide where you want to display the div banner within the WP theme, you’ll need the element tag, id, or class name. By default, it displays as the first div in WP’s “container” div. If you want to make the banner display in the “header” div for example, you have to modify the plugin. Open plugins/wp-banner/banner.php
FIND: echo "<script>InsertElement('id','bannerHook','bannerdiv')</script>"; (~line 110)
REPLACE: echo "<script>InsertElement('id','content','bannerdiv')</script>";
WITH: echo "<script>InsertElement('id','header','bannerdiv')</script>";
The final step would be to modify the banner css (plugins/wp-banner/styles/default.css -> #bannerdiv{}) to fit your theme and if required, the theme’s css (#header) as well.
