I had a question about the new look and the columns on the right – how are they done?
First off, the whole site is my own ABTheme, and the only graphic is the logo up top (for now).
On the right are the standard WordPress sidebar items, with one exception. ABTheme makes it easy to move items around, so I can set up whatever interests me, and wherever it interests me (I can rearrange later).
The odd man out is the Ad panel – it’s a plugin I released this month on my ActiveBlogging membership site, and that I sell separately as my WordPress Ad Panel Widget.
The plugin is simple – just fill it full of ad images and links, and it rotates them nicely (as you go to other pages you’ll see what I mean). This helps with Ad Blindness (you’ll notice a lot of sites using a block like this use statically arranged images instead).
And the size was determined by what I wanted. I could have loaded up a few 88×31 ads (a common small size) but they really don’t display much. And wider ads (like the venerable 468×60) wouldn’t fit. So it was 125×125, which the program automatically expanded to display…
The only other problem? ABTheme can create three columns, but the ad banner looks best wide – and wide needs both columns.
In the end, the solution was simple:
In the first column, use a CodeChunk instead of a widget, and use the following code:
<?php if(function_exists(utopia43_output)) { ?>
<div style='position:absolute;margin-left:0px;'>
<?php utopia43_output(1,0,""); ?>
</div>
<div style='height:410px;'></div>
<?php } ?>
Then I created a second code chunk, like this:
<div style='height:410px;'></div>
Then I added both chunks to my sidebar; the first one in the first column at the top, the second one for the second column (again, at the top).
What the code does is display the too-wide block without stretching the column. And the second section makes the second column contents begin lower down – this way entries don’t start too high, and get in the way of the ads.
Note the sizes are based on a 2 column by 3 row 125×125 ad block – of course if I change the layout I’ll have to fiddle with the results.
Nonetheless, it works well, and looks nice – and well worth the effort of setting it up!