Alternate Left Panels In XSitePro

This demo site is set up to show one method of showing different content on the left sidebar of a site. Giving your XSitePro site a little more customization that offered out of the box.

With a little extra work when building your site, you can build in this extra feature.

How does it work?

In my left panel I entered all the content I would want to display on my site. Then I went into Source Code on the Left Panel and splut it up, determining what I want on what page, and wrapped each pages custom sidebar in a div, with the ID of the page they belong on.

EXAMPLE:

<div id="LeftMain">
    [ LINKS_MENU ]
</div>

<div id="LeftAlt1">
    <p>[ ADSENSE_0000000065 ]</p>
</div>

<div id="LeftAlt2">
    <p>[ RSS_FEED_0000000039 ]</p>
</div>

<div id="LeftAlt3">
    <p>[ SOCIALNETWORKLINK0000000029 ]</p>
</div>

Then on each page, I used some custom CSS to turn each panel on and off as needed. Click the links to see each page and what I used.

This page shows a different left sidebar from the rest, with a left menu on it.

Here is the code in I used on THIS PAGE:

Page Settings | Advanced Settings | Scripts | Custom Head Script

<style>
#LeftAlt1 {display: none;}

#LeftAlt2 {display: none;}

#LeftAlt3 {display: none;}

</style>