1. Dela först på side och content och få ett mellanrum om du inte har detta.

2. Klicka på stilmallen, leta upp wrapper och ta bort bakgrundsfärgen, skriv none; istället för #ffffff;

3. Förhandsgranska och kolla om det blir uppdelat.
Om inte, minska bredden på #side och #content tills det blir som du vill ha det.
Ändra width:221px; till exempel width: 200px; på menyn.

4. Nu för att få boxar i menyn, kopiera koden nedan:

#box { width: 221px; background: #FFFFFF; border: 1px solid #cccccc; padding: 10px 10px 10px 10px; }

5. Klistra in koden i stilmallen, se bild nedan (Nu ser koden inte exakt likadan ut)


6. Kom ihåg att ändra bredden på #side och #box lika breda på width
Ta även bort (background: #FFFFFF;) på #side

7. Kopiera dessa koder: <div id="box"> och  </div><br>

8. Klistra in dem i kodmallen efter <div id="side">

Exempel:


Mer exempel hur det ska se ut:

<div id="side">

<div id="box">
<div>Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</div><br>

<div id="box">
<div>Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</div><br>

<div id="box">
<div>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
</div><br>

<div id="box">
<div>Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div><br>



</div>