Latest Register Log In

+ Advanced Search

Adding a Right Side Vertical Banner

Adding a Right Side Vertical Banner
By
07/07/14

The right side of pages below the menu and above the footer is a common spot people like to place a vertical banner. First, set up the ad slot as normal at Admin Panel -> Revenue -> Ad Manager. When it gives you the ad slot code to place in your templates, set that aside for the moment.

To put a vertical banner on the right, you'll need to change the layout to create room for it. Go to Admin Panel -> Themes -> Manage Templates -> "Wrapper". The simplest approach would be to change
<!-- BODY GOES HERE -->
to
<div style="display: table;">
<div style="display: table-row;">
<div style="display: table-cell; vertical-align: top;"><!-- BODY GOES HERE --></div>
<div style="display: table-cell; width: 200px; vertical-align: top;">{SHOWAD[2]}</div>
</div>
</div>


Change 200px to whatever the width of your vertical banner is and 2 to whatever slot number the ad is in the ad manager. To make the HTML cleaner, you could optionally move those inline style definitions to the stylesheet.




Description How to add a banner ad to the right side of all pages.
Rating
Views 452 views. Averaging 0 views per day.