Typepad Knowledge Base: Advanced Templates: Archive Index Template

The Archive Index Template displays links to the individual monthly and category index pages.

Advanced Template Set designs are available with the Unlimited, Premium, and Business Class plans.

Default Archive Index Templates

When you create a new advanced template set, the templates will use the Two Column Right Layout with the Asterisk Theme. You can use any layout or theme by replacing the default template with the code for a different layout.

Default Two Column Right Layout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="typepad-standard"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="http://www.typepad.com/" /> <MTBlogIfPrivate> <meta name="robots" content="noindex,nofollow" /> </MTBlogIfPrivate> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> <$MTBlogMetaKeywords$> <$MTBlogMetaDescription$> <link rel="stylesheet" href="<$MTBlogURL$>styles.css" type="text/css" media="screen" /> <link rel="stylesheet" href="<$MTStaticWebPath$>themes/common/print.css" type="text/css" media="print" /> <MTBlogIfPostsFeed> <link rel="alternate" type="application/atom+xml" title="<$MTTrans phrase="Posts on [_1] (Atom)" param="MTBlogName" encode_html="1"$>" href="<$MTBlogURL$>atom.xml" /> </MTBlogIfPostsFeed> <title><$MTBlogName$>: <$MTTrans phrase="Archives"$></title> <link rel="start" href="<$MTBlogURL$>" title="<$MTTrans phrase="Home"$>" /> </head> <body class="layout-two-column-right"> <div id="container"> <div id="container-inner" class="pkg">  <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1> <h2 id="banner-description"><MTWeblogIfUsesTheme><$MTBlogDescription$><MTElse><MTWeblogStyleIf field="banner_use_image"><MTElse><$MTBlogDescription$></MTElse></MTWeblogStyleIf></MTElse></MTWeblogIfUsesTheme></h2> </div> </div>  <$MTInclude module="navigation-bar"$> <div id="pagebody"> <div id="pagebody-inner" class="pkg"> <div id="alpha"> <div id="alpha-inner" class="pkg"> <MTBlogIfArchives archive_type="Monthly"> <div class="archive-date-based archive"> <h2 class="archive-header"><$MTTrans phrase="Archives"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTArchiveList archive_type="Monthly"> <li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> </div> </div> </MTBlogIfArchives> <MTBlogIfArchives archive_type="Category"> <div class="archive-categories archive"> <h2 class="archive-header"><$MTTrans phrase="Categories"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTCategories> <li class="archive-list-item"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li> </MTCategories> </ul> </div> </div> </MTBlogIfArchives> </div> </div> <div id="beta"> <div id="beta-inner" class="pkg">  <$MTInclude module="user-photo"$> <$MTInclude module="about-page"$> <$MTInclude module="category-cloud"$> <$MTInclude module="monthly-archives"$> <$MTInclude module="elsewhere-grid"$> <$MTInclude module="subscribe-to-feed"$> <$MTInclude module="powered-by-typepad"$> </div> </div> </div> </div> </div> </div> <$MTStatsScript$> </body> </html>

One Column Layout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="typepad-standard"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="http://www.typepad.com/" /> <MTBlogIfPrivate> <meta name="robots" content="noindex,nofollow" /> </MTBlogIfPrivate> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> <$MTBlogMetaKeywords$> <$MTBlogMetaDescription$> <link rel="stylesheet" href="<$MTBlogURL$>styles.css" type="text/css" media="screen" /> <link rel="stylesheet" href="<$MTStaticWebPath$>themes/common/print.css" type="text/css" media="print" /> <MTBlogIfPostsFeed> <link rel="alternate" type="application/atom+xml" title="<$MTTrans phrase="Posts on [_1] (Atom)" param="MTBlogName" encode_html="1"$>" href="<$MTBlogURL$>atom.xml" /> </MTBlogIfPostsFeed> <title><$MTBlogName$>: <$MTTrans phrase="Archives"$></title> <link rel="start" href="<$MTBlogURL$>" title="<$MTTrans phrase="Home"$>" /> </head> <body class="layout-one-column"> <div id="container"> <div id="container-inner" class="pkg">  <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1> <h2 id="banner-description"><MTWeblogIfUsesTheme><$MTBlogDescription$><MTElse><MTWeblogStyleIf field="banner_use_image"><MTElse><$MTBlogDescription$></MTElse></MTWeblogStyleIf></MTElse></MTWeblogIfUsesTheme></h2> </div> </div>  <$MTInclude module="navigation-bar"$> <div id="pagebody"> <div id="pagebody-inner" class="pkg"> <div id="alpha"> <div id="alpha-inner" class="pkg"> <MTBlogIfArchives archive_type="Monthly"> <div class="archive-date-based archive"> <h2 class="archive-header"><$MTTrans phrase="Archives"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTArchiveList archive_type="Monthly"> <li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> </div> </div> </MTBlogIfArchives> <MTBlogIfArchives archive_type="Category"> <div class="archive-categories archive"> <h2 class="archive-header"><$MTTrans phrase="Categories"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTCategories> <li class="archive-list-item"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li> </MTCategories> </ul> </div> </div> </MTBlogIfArchives>  <$MTInclude module="user-photo"$> <$MTInclude module="about-page"$> <$MTInclude module="category-cloud"$> <$MTInclude module="monthly-archives"$> <$MTInclude module="elsewhere-grid"$> <$MTInclude module="subscribe-to-feed"$> <$MTInclude module="powered-by-typepad"$> </div> </div> </div> </div> </div> </div> <$MTStatsScript$> </body> </html>

Two Column Layouts

Sidebar on Left

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="typepad-standard"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="http://www.typepad.com/" /> <MTBlogIfPrivate> <meta name="robots" content="noindex,nofollow" /> </MTBlogIfPrivate> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> <$MTBlogMetaKeywords$> <$MTBlogMetaDescription$> <link rel="stylesheet" href="<$MTBlogURL$>styles.css" type="text/css" media="screen" /> <link rel="stylesheet" href="<$MTStaticWebPath$>themes/common/print.css" type="text/css" media="print" /> <MTBlogIfPostsFeed> <link rel="alternate" type="application/atom+xml" title="<$MTTrans phrase="Posts on [_1] (Atom)" param="MTBlogName" encode_html="1"$>" href="<$MTBlogURL$>atom.xml" /> </MTBlogIfPostsFeed> <title><$MTBlogName$>: <$MTTrans phrase="Archives"$></title> <link rel="start" href="<$MTBlogURL$>" title="<$MTTrans phrase="Home"$>" /> </head> <body class="layout-two-column-left"> <div id="container"> <div id="container-inner" class="pkg">  <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1> <h2 id="banner-description"><MTWeblogIfUsesTheme><$MTBlogDescription$><MTElse><MTWeblogStyleIf field="banner_use_image"><MTElse><$MTBlogDescription$></MTElse></MTWeblogStyleIf></MTElse></MTWeblogIfUsesTheme></h2> </div> </div>  <$MTInclude module="navigation-bar"$> <div id="pagebody"> <div id="pagebody-inner" class="pkg"> <div id="alpha"> <div id="alpha-inner" class="pkg">  <$MTInclude module="user-photo"$> <$MTInclude module="about-page"$> <$MTInclude module="category-cloud"$> <$MTInclude module="monthly-archives"$> <$MTInclude module="elsewhere-grid"$> <$MTInclude module="subscribe-to-feed"$> <$MTInclude module="powered-by-typepad"$> </div> </div> <div id="beta"> <div id="beta-inner" class="pkg"> <MTBlogIfArchives archive_type="Monthly"> <div class="archive-date-based archive"> <h2 class="archive-header"><$MTTrans phrase="Archives"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTArchiveList archive_type="Monthly"> <li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> </div> </div> </MTBlogIfArchives> <MTBlogIfArchives archive_type="Category"> <div class="archive-categories archive"> <h2 class="archive-header"><$MTTrans phrase="Categories"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTCategories> <li class="archive-list-item"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li> </MTCategories> </ul> </div> </div> </MTBlogIfArchives> </div> </div> </div> </div> </div> </div> <$MTStatsScript$> </body> </html>

Sidebar on Right

Three Column Layouts

Sidebars on Left and Right

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="typepad-standard"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="http://www.typepad.com/" /> <MTBlogIfPrivate> <meta name="robots" content="noindex,nofollow" /> </MTBlogIfPrivate> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> <$MTBlogMetaKeywords$> <$MTBlogMetaDescription$> <link rel="stylesheet" href="<$MTBlogURL$>styles.css" type="text/css" media="screen" /> <link rel="stylesheet" href="<$MTStaticWebPath$>themes/common/print.css" type="text/css" media="print" /> <MTBlogIfPostsFeed> <link rel="alternate" type="application/atom+xml" title="<$MTTrans phrase="Posts on [_1] (Atom)" param="MTBlogName" encode_html="1"$>" href="<$MTBlogURL$>atom.xml" /> </MTBlogIfPostsFeed> <title><$MTBlogName$>: <$MTTrans phrase="Archives"$></title> <link rel="start" href="<$MTBlogURL$>" title="<$MTTrans phrase="Home"$>" /> </head> <body class="layout-three-column"> <div id="container"> <div id="container-inner" class="pkg">  <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1> <h2 id="banner-description"><MTWeblogIfUsesTheme><$MTBlogDescription$><MTElse><MTWeblogStyleIf field="banner_use_image"><MTElse><$MTBlogDescription$></MTElse></MTWeblogStyleIf></MTElse></MTWeblogIfUsesTheme></h2> </div> </div>  <$MTInclude module="navigation-bar"$> <div id="pagebody"> <div id="pagebody-inner" class="pkg"> <div id="alpha"> <div id="alpha-inner" class="pkg">  <$MTInclude module="user-photo"$> <$MTInclude module="about-page"$> <$MTInclude module="category-cloud"$> <$MTInclude module="monthly-archives"$> </div> </div> <div id="beta"> <div id="beta-inner" class="pkg"> <MTBlogIfArchives archive_type="Monthly"> <div class="archive-date-based archive"> <h2 class="archive-header"><$MTTrans phrase="Archives"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTArchiveList archive_type="Monthly"> <li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> </div> </div> </MTBlogIfArchives> <MTBlogIfArchives archive_type="Category"> <div class="archive-categories archive"> <h2 class="archive-header"><$MTTrans phrase="Categories"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTCategories> <li class="archive-list-item"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li> </MTCategories> </ul> </div> </div> </MTBlogIfArchives> </div> </div> <div id="gamma"> <div id="gamma-inner" class="pkg">  <$MTInclude module="elsewhere-grid"$> <$MTInclude module="subscribe-to-feed"$> <$MTInclude module="powered-by-typepad"$> </div> </div> </div> </div> </div> </div> <$MTStatsScript$> </body> </html>

Sidebars on Right

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="typepad-standard"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="http://www.typepad.com/" /> <MTBlogIfPrivate> <meta name="robots" content="noindex,nofollow" /> </MTBlogIfPrivate> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> <$MTBlogMetaKeywords$> <$MTBlogMetaDescription$> <link rel="stylesheet" href="<$MTBlogURL$>styles.css" type="text/css" media="screen" /> <link rel="stylesheet" href="<$MTStaticWebPath$>themes/common/print.css" type="text/css" media="print" /> <MTBlogIfPostsFeed> <link rel="alternate" type="application/atom+xml" title="<$MTTrans phrase="Posts on [_1] (Atom)" param="MTBlogName" encode_html="1"$>" href="<$MTBlogURL$>atom.xml" /> </MTBlogIfPostsFeed> <title><$MTBlogName$>: <$MTTrans phrase="Archives"$></title> <link rel="start" href="<$MTBlogURL$>" title="<$MTTrans phrase="Home"$>" /> </head> <body class="layout-three-column-right"> <div id="container"> <div id="container-inner" class="pkg">  <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1> <h2 id="banner-description"><MTWeblogIfUsesTheme><$MTBlogDescription$><MTElse><MTWeblogStyleIf field="banner_use_image"><MTElse><$MTBlogDescription$></MTElse></MTWeblogStyleIf></MTElse></MTWeblogIfUsesTheme></h2> </div> </div>  <$MTInclude module="navigation-bar"$> <div id="pagebody"> <div id="pagebody-inner" class="pkg"> <div id="alpha"> <div id="alpha-inner" class="pkg"> <MTBlogIfArchives archive_type="Monthly"> <div class="archive-date-based archive"> <h2 class="archive-header"><$MTTrans phrase="Archives"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTArchiveList archive_type="Monthly"> <li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> </div> </div> </MTBlogIfArchives> <MTBlogIfArchives archive_type="Category"> <div class="archive-categories archive"> <h2 class="archive-header"><$MTTrans phrase="Categories"$></h2> <div class="archive-content"> <ul class="archive-list"> <MTCategories> <li class="archive-list-item"><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li> </MTCategories> </ul> </div> </div> </MTBlogIfArchives> </div> </div> <div id="beta"> <div id="beta-inner" class="pkg">  <$MTInclude module="user-photo"$> <$MTInclude module="about-page"$> <$MTInclude module="category-cloud"$> <$MTInclude module="monthly-archives"$> </div> </div> <div id="gamma"> <div id="gamma-inner" class="pkg">  <$MTInclude module="elsewhere-grid"$> <$MTInclude module="subscribe-to-feed"$> <$MTInclude module="powered-by-typepad"$> </div> </div> </div> </div> </div> </div> <$MTStatsScript$> </body> </html>