Dual sidebar or split column

In the recent past, I began adding additional sidebars within the classic Blogger templates. As I considered adding revenue tools, I discovered that some services artwork required a wider sidebar. This drove me to create a special sidebar that would rest on top of two adjacent sidebar columns. For a time this solved artwork of the 300px variety or allowed me to feature some advertisers in a bundled presentation style.

Astetically, I felt it didn't always engage me.

On one of my now defunct blogs, I experimented with creating a split sidebar that contained multiple column areas.

For those that are looking for this treatment -

Place the following in the Sidebar attributes area of the Blogger code.

.subcontainer {width:95%; margin-top:5px; font-size:80%;}

.rightsub{float:left; margin-left:10px; width:150px;}

.rightsub2{margin-left:50%; width:150px;}

*Note: Width for each sub column will depend on the overall width of your sidebar. The code as I have listed here would be used in a sidebar with a width of at least 305px.

Within the sidebar code, place the following:

div class="subcontainer"
div class="rightsub"

(Place your content here.)

/div

*This closes the rightsub column.

div class="rightsub2"

(Place your content here.)

/div
/div

* These /div commands close the 2nd column and the container group.


<> removed from div commands for illustration.

A.W.E - August 27

I have been adding widgets on several pages recently. Updating my bookmarks as I have discovered many sites I used for page development are now closed.

This process has been slow and I haven't been posting much anywhere lately.

I will offer a more detailed recap of the various items added to my sites.

August 21st

New Pages

I have started three new pages. Each is in the early stage of development so it may be a few days before I get any screenshots or links listed.

One item I am working with on a page is a split column within the sidebar. I had tried this technique before on an earlier page that has been removed. There are some alignment issues that need to be tweaked but I should be able to share this shortly.

New Screenshots

I have added another screenshot for a blog I am re-purposing.

A Blog of Daves has been added to the roster. I could add another page or two by the end of the day.

Update: Also added screenshot for The Dochickey Dispatch.

A.W.E. - August 15, 2009

Progress continues as I review all current projects and pages to determine which are worth the effort to resurrect. I have placed screen shots in the sidebar, more to follow later this weekend.

This page continues to evolve.

I added a new background and changed the overall color scheme.

I have been adding links that I have used to learn design and layout tricks. Unfortunately, one of my favorite pages is gone. Mandarin Design was tremendously helpful in my education.

Update: August 10, 2009

I have "freshened up" several sites over the weekend. They are now in the sidebar to the right.

Soon, I will begin posting the highlights of some of the site changes.