Instructions for Editing the Right Side Navigation Bar or Column

The navigation bar on the right side of the page must be edited in the in the Right Panel Button of the Page Layout Section. To get to it, follow this sequence.

Page Layout---->Right Panel---->Design Button (panel design)

The Designer button gives you three views:

-Design
-Source
-Preview

Some aspects such as editing the button labels can be edited directly in the Design View. Other things should be edited using the source code view.

For instance this snippet of code is for a button with a white space where text, links or images are to be added. Red remarks are not part of original code, only added to explain the code:

<tr>
                <td style=
                "BACKGROUND-IMAGE: url(images/top_button_nav1.jpg); WIDTH: 198px; HEIGHT: 50px"
                    align="left"
                    colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;
                    <font color="#ffffff">Change using  <---Button Label Here
                    Designer</font></td>
            </tr>

            <tr>
                <td style=
                "BACKGROUND-IMAGE: url(images/mid_body_nav-2.jpg); cellpadding:"
                    colspan="2"
                    height:=""
                    width:="">
                    <p align="center">add your text</p> <--This area is for content under the black navigation buttons.

                    <p align="center">add a link</p> <---Same

                    <p align="center">add a banner</p> <---Same

                    <p align="center">add more google <---Same
                    ads&nbsp;</p>
                </td>
            </tr>

As usual, many things can be added in the Design View using Xsitepro, things like Google adsense, images, links. However, it helps to know how and where you can edit these things.