Advanced Blog Configuration

There are Templates available that you can use to replace the entire Main Index Template with certain precofigured content combinations. There is also a list of all the content areas in your Main Index Template available.

• Adding links to the sidebar
• Adding a calendar to the sidebar
• Moving the sidebar to the left side of the page

Adding links to the sidebar

To add a links section to the sidebar find the followng code in the Main Index Template.

<div id="beta">
<div id="beta-inner" class="pkg">

Then inset this code to create the links section where you would like you link section to be located:

<div class="module-archives module">
<h2 class="module-header">My Links</h2>
<div class="module-content">
<ul class="module-list">
<li class="module-list-item"><a href="http://www.example.com">Link Text</a></li>
<li class="module-list-item"><a href="http://www.example.com">Link Text</a></li>
<li class="module-list-item"><a href="http://www.example.com">Link Text</a></li>
</ul>
</div>
</div>

Adding a calendar to the sidebar

To add a calendar to your sidebar, find the followng code in the Main Index Template.

<div id="beta">
<div id="beta-inner" class="pkg">

Then inset this code to create the calendar section:

<div class="module-search module">
<h2 class="module-header"><$MTDate format="%B %Y"$></h2>
<div class="module-content">
<table summary="Monthly calendar with links to each day's posts">

<tr>
<th abbr="Sunday">Sun</th>
<th abbr="Monday">Mon</th>
<th abbr="Tuesday">Tue</th>
<th abbr="Wednesday">Wed</th>
<th abbr="Thursday">Thu</th>
<th abbr="Friday">Fri</th>
<th abbr="Saturday">Sat</th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>
<td>
<MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries>
<$MTCalendarDay$>
</MTCalendarIfNoEntries>
<MTCalendarIfBlank> </MTCalendarIfBlank>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
</div>

Moving the sidebar to the left side of the page

To move the sidebar to the left side of the page find this code near the top of the "StyleSheeet" Template:

#alpha, #beta, #gamma, #delta
{
display: inline; /* ie win bugfix */
position: right;
float: left;
min-height: 1px;
}

Change the float: left; to float: right; as shown below

#alpha, #beta, #gamma, #delta
{
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}