I've noticed on a few sites the archive page with Month and then the list of post for that month. It took me a while to work out how it was done but finally got it. You can see it in action on my person blog.
It's really quite easy to implement. Go to the Movable Type dashboard in your browser, Design > Templates > Index Templates. Click on the Archive Index template.
Delete all the various archive types after the following line:
<h1 id="page-title" class="archive-title"><$MTGetVar name="page_title"$></h1>
Replace the code with this:
<div class="archive-monthly archive-date-based archive">
<ul>
<MTArchiveList archive_type="Monthly">
<h3 class="archive-header"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></h3>
<ul>
<MTEntries>
<li class="archive-list-item"><a href="<MTEntryPermalink archive_type="Individual">" title="<MTEntryExcerpt>"><MTEntryTitle></a></li>
</MTEntries>
</ul>
</MTArchiveList>
</ul>
</div>
I added custom styles for the archive list as follows:
.archive-header {
margin-top: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.archive-header a {
text-decoration: none;
}
.archive-list-item {
list-style: none;
margin-bottom: 5px;
}
.archive-list-item a{
text-decoration: none;
}
Be sure to Save and Publish your template and stylesheet changes.
1 Comment
Leave a comment