CASE.EDU:    HOME | DIRECTORIES | SEARCH
Case Western Reserve University

KELVIN SMITH LIBRARY
 
 

Keith's Step-By-Step Departmental Blog Branding Guide

Case Branding A Movable Type Blog

This page should provide all the information you will need to apply a Case branded template to your departmental or organizational blog. The primary incentive for branding your blog is to maintain consistency with the appearance of your departmental web site. The example I provide here uses the Advanced template but, I will provide notes along the way for the few considerations you will need to make when using the Normal template.

The process for blog branding is straight forward. In these steps you will actually make your blog easier to maintain and modify through the use of templates and modules you will create in the Movable Type administrative interface. Movable Type is well documented so any questions you have about the proprietary tags should be answered by the online help files via the link at the top of the administrative interface.

Outline

We will follow this outline for the major steps in this process.

  • Backup existing source code
  • Create several modules
    • Blog ID
    • Header Tags
    • Head Scripts
    • Links
    • Calendar
    • Main Menu
    • Footer
    • Masthead
    • Primary Navbar
  • Create new page templates
    • All Media Stylesheet
    • Print Media Stylesheet
    • Screen Media Stylesheet
    • Index
    • Category Index
    • Date Archive Index
    • Category Archive
    • Individual Entry Archive
    • Monthly Archive
Backup Existing Source Code

This is an optional step but I recommend you take it. There are many ways you can do this. The choice of how you create your backups is up to you.

Some backup options are:

  • Create additional templates from the original code. This keeps the code right on the Blog@Case server where you can use it as a reference.
  • Temporarily associate existing templates with a filename, rebuilding your site, then dissociating the templates. This will store the code in the filenames you specify on the Blog@Case server so you can access them via a WebDAV connection. You will want to avoid reusing the filenames you choose to prevent data loss.
  • Copy the template code to plain text files you keep in a folder on your computer.
  • Backup? We don't need no stinking backup.

Module Building

Rather than go into extensive discussion of the Movable Type interface, I'll just give you the source code I'm using for each of the modules I use for this process. I'll include some description of what each is for but, you're likely to make modifications so some of them anyway so I'll keep it short.

Module: Blog ID

Among the simplest of modules. You probably want your blog name and description to appear somewhere on your pages so, here's a simple module you can include into your pages.

<h3><$MTBlogName$></h3>
<p><$MTBlogDescription$></p>

Module: Header Tags

Standard tagging to go within the HEAD ... /HEAD block in all of your pages. Remember to check the filenames against the ones you created above.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><$MTBlogName$></title>
<link rel="stylesheet" type="text/css" href="<$MTBlogURL$>case_adv_cran.css" media="all" />
<link rel="stylesheet" type="text/css" href="<$MTBlogURL$>screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<$MTBlogURL$>print.css" media="print" />

<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>rss20.xml" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>feed.atom" />

Notice the use of the <$MTBlogURL$> Movable Type tag in the paths of all of those files.

Module: Head Scripts

A couple of pages include Javascript code in the HEAD ... /HEAD. This makes it easy to be consistent and puts that code in a single place for better maintenance.

<script type="text/javascript" language="javascript">
<!--

var HOST = '<$MTBlogHost$>';

// Copyright (c) 1996-1997 Athenia Associates.
// http://www.webreference.com/js/
// License is granted if and only if this entire
// copyright notice is included. By Tomer Shiran.

function setCookie (name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "");
document.cookie = curCookie;
}

function getCookie (name) {
var prefix = name + '=';
var c = document.cookie;
var nullstring = '';
var cookieStartIndex = c.indexOf(prefix);
if (cookieStartIndex == -1)
return nullstring;
var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length);
if (cookieEndIndex == -1)
cookieEndIndex = c.length;
return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}

function deleteCookie (name, path, domain) {
if (getCookie(name))
document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
}

function fixDate (date) {
var base = new Date(0);
var skew = base.getTime();
if (skew > 0)
date.setTime(date.getTime() - skew);
}

function rememberMe (f) {
var now = new Date();
fixDate(now);
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000);
setCookie('mtcmtauth', f.author.value, now, '', HOST, '');
setCookie('mtcmtmail', f.email.value, now, '', HOST, '');
setCookie('mtcmthome', f.url.value, now, '', HOST, '');
}

function forgetMe (f) {
deleteCookie('mtcmtmail', '', HOST);
deleteCookie('mtcmthome', '', HOST);
deleteCookie('mtcmtauth', '', HOST);
f.email.value = '';
f.author.value = '';
f.url.value = '';
}

//-->
</script>

Module: Links

It's likely that many of you already have your links isolated into either a template or a module. The only thing special going on here is that this block is coded to work with the Case branding.

<h3>Links</h3>
<ul class="navlink">
<li class="navlink"><a href="http://blog.case.edu">Blog@Case</a></li>
<li class="navlink"><a href="http://my.case.edu">MyCase</a></li>
<li class="navlink"><a href="http://www.case.edu/its">ITS Home</a></li>
</ul>

Module: Calendar

The default template includes a current month calendar with dates linked to date archive pages if any entries were created that day. The default code uses 3 letter abbreviations for days and renders at about 200px wide. Reducing abbreviations to 2 characters makes it fit in the 150px left column if you decide you want it there.

<table cellspacing="4" cellpadding="0" summary="Monthly calendar" style="border: solid black 2px">
<caption align="top"><$MTDate format="%B %Y"$></caption>

<tr>
<th abbr="Sunday" align="center"><span class="calendar">Su</span></th>
<th abbr="Monday" align="center"><span class="calendar">Mo</span></th>
<th abbr="Tuesday" align="center"><span class="calendar">Tu</span></th>
<th abbr="Wednesday" align="center"><span class="calendar">We</span></th>
<th abbr="Thursday" align="center"><span class="calendar">Th</span></th>
<th abbr="Friday" align="center"><span class="calendar">Fr</span></th>
<th abbr="Saturday" align="center"><span class="calendar">Sa</span></th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>

<td align="center"><span class="calendar">
<MTCalendarIfEntries><MTEntries lastn="1"><a
href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
<MTCalendarIfBlank> </MTCalendarIfBlank></span>
</td><MTCalendarWeekFooter>
</tr></MTCalendarWeekFooter>
</MTCalendar>
</table>

Module: Main Menu

This produces the Recent Entries, and Recent Comments lists in the left column. You may want to break these out into their own modules. I've combined everything that is used to build the content of that left column into this one module, including the div code that wraps around everything, the XML and Atom buttons, and the Search Box. If you're using the Normal template you'll want to include the "Primary Navbar" content here with appropriate adjustments made to account for the location change. You probably want to drop the Calendar module inclusion from this since your the 'Archives' link in your primary navigation bar covers everything the calendar does and more.

<div id="snav">
<MTInclude module="Calendar">
<br />

<div style="text-align: center;">
<p><a href="<$MTBlogURL$>rss20.xml"/><img
src="<$MTBlogURL$>rss.png" width="80" height="15" alt="XML RSS Feed" border="0" /></a></p>

<p><a href="<$MTBlogURL$>feed.atom" /><img
src="<$MTBlogURL$>atom.png" width="80" height="15" alt="XML RSS Feed" border="0" /></a></p>
</div>

<h3>Recent Entries</h3>
<ul class="navlink">
<MTEntries lastn="7">
<li class="navlink"><a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>

<h3>Recent Comments</h3>
<ul class="navlink">
<MTComments lastn="7" sort_order="descend">
<li class="navlink"><$MTCommentAuthorLink$> on <MTCommentEntry><a
href="<$MTEntryPermalink$>"
title="<$MTEntryTitle$>"><$MTEntryTitle$></a></MTCommentEntry></li>
</MTComments>
</ul>
</div>

<div class="searchbox">
<div class="boxtitle"><label for="searchtext">SEARCH BLOG.CASE.EDU:</label></div>
<div class="dashedseparator"></div>
<form action="http://www.google.com/u/cw" method="get" id="searchform" name="searchform"><input
type="hidden" name="hq" value="inurl:blog.case.edu/" /><input name="q" id="searchtext"
type="text" /><input name="sa" id="searchsubmit" type="submit" value="SEARCH" />
</form>
</div>

Module: Footer

The footer module is structured as a set of complete table rows (<tr> ... </tr>) to keep it maintainable. This is the standard Case branded footer for KSL. You'll use your own content but, this provides a good look at the structure.

<!-- BEGIN FOOTER -->
<tr valign="top">
<td rowspan="3"> </td>
<td align="center" colspan="2"><div class="footerseparator"></div></td>
</tr>
<tr>
<td colspan="2">
<div id="footernav">
<ul>
<li><a href="http://catalog.case.edu/">EuclidPLUS</a></li>
<li>|</li>
<li><a href="http://www.ohiolink.edu/">OhioLINK</a></li>
<li>|</li>
<li><a href="http://library.case.edu/forms/suggest.aspx"
onmousedown="this.href=this.href+'?r='+document.httpReferrer;">Contact Us</a></li>
<li>|</li>
<li><a href="http://catalog.cwru.edu/patroninfo/">Your Library Record</a></li>
<li>|</li>
<li><a href="http://library.case.edu/ksl/techteam/">Technical Support</a></li>
<li>|</li>
<li><a href="http://library.case.edu/forms/directory.aspx">Site Map</a></li>
</ul></div>
</td>
</tr>
<tr valign="top">
<td align="center" colspan="2">
<div style="text-align: center;">
<p id="footer"><a href="http://library.case.edu/">Kelvin Smith Library</a> | 11055 Euclid Avenue |
Cleveland, Ohio 44106-7151 | <a href="http://library.case.edu/ksl/admin/directory.html" title="Phone
Numbers">Phone:</a> 216.368.3506<br />

<!-- CASE SIGN OFF SHOULD BE LAST ON PAGE -->© 2004- Case Western Reserve University | Cleveland,
Ohio 44106 | 216.368.2000 | <a href="http://www.case.edu/legal.htm">legal notice</a></p>
</div>
</td>

</tr>
<!-- END FOOTER -->

</table>
</div> <!-- #pageWrapper -->

Module: Masthead

The masthead module provides everything from the opening <body> tag to the end of the masthead content. This includes all of the Case logo code, departmental identification, and the "Primary Navbar". Again, this is a KSL specific masthead. The only real changes to be made to this for your department should be to the H1 (department name) content and the hyperlink that is wrapped around it. The image map code should work for all Case approved templates. Normal template users will move the reference to the "Primary Navbar" module to their left column menu.

<div id="pageWrapper"> <table summary="layout" width="100%" cellpadding="0" border="0" cellspacing="0"> <!-- GLOBAL HEADER NAV SHOULD NOT CHANGE -->
<tr valign="top">
<td width="24" style="margin: 0; padding: 0;"> </td>
<td colspan="2" align="right"><div
id="headernav"><em>CASE.EDU:</em>    <a
href="http://www.case.edu">HOME</a> | <a
href="http://www.case.edu/dir">DIRECTORIES</a> | <a
href="http://www.case.edu/search.htm">SEARCH</a></div></td>
</tr>
<!-- END GLOBAL HEADER NAV -->

<!-- BEGIN LOGO MASTHEAD -->
<tr valign="top">
<td align="right" width="24" style="margin: 0; padding: 0;"><a href="http://www.case.edu/"
title="Case Western Reserve University"><img
alt="Case Western Reserve University" id="leftlogo"
src="<$MTBlogURL$>left_logo_edge.gif"
width="24" height="50" border="0" align="right" /></a>
</td>

<td colspan="2" valign="top"><table cellpadding="0" border="0" cellspacing="0" width="100%" summary="layout"
align="left" >
<tr>
<td valign="bottom" bgcolor="#5C6871"><img
alt="Case Western Reserve University"
src="<$MTBlogURL$>logo_CWRU_grey.gif"
width="300" height="108" usemap="#logoCaseMap" />
<map name="logoCaseMap">
<area shape="rect" coords="0,36,30,84" href="http://www.case.edu/"
title="Case Western Reserve University" />
<area shape="rect" coords="30,42,68,84" href="http://www.case.edu/"
title="Case Western Reserve University" />
<area shape="rect" coords="68,52,132,84" href="http://www.case.edu/"
title="Case Western Reserve University" />
<area shape="rect" coords="30,84,226,96" href="http://www.case.edu/"
title="Case Western Reserve University" />
</map>
</td>
<td valign="bottom" class="masthead">
<a href="http://library.case.edu/ksl/"><h1>KELVIN SMITH LIBRARY</h1></a>
</td>
</tr>
</table>
</td>
</tr>
<!-- END LOGO MASTHEAD -->
<!-- BEGIN HORIZONTAL SECTION NAV -->
<tr>
<td> </td>
<td colspan="2">
<$MTInclude module="Primary Navbar"$>
</td>
</tr>

Module: Primary Navbar

This module provides the content of the one cell in the masthead that is allocated for it. Normal template users will want to include this module in their left column menu with appropriate changes to classes and identifiers.

<!-- BEGIN HORIZONTAL SECTION NAV -->
<div id="pnav">
<table summary="layout" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr height="24">
<td>
<ul>
<li><a href="http://<MTBlogHost>">Blog@Case Home</a></li>
<li>|</li>
<li><a href="<$MTBlogURL$>" >My Home</a></li>
<li>|</li>
<li><a href="<$MTBlogURL$>archives">Archives</a></li>
<li>|</li>
<li><a href="<$MTBlogURL$>categories">Categories</a></li>

</td>
<td align="right" color="#FFFFFF">
<ul><li> 
</li></ul>
</td>
</tr>
</table>

</div><!-- end div#pnav -->
<!-- END HORIZONTAL SECTION NAV -->

Template Building

Rather than go into extensive discussion of the Movable Type interface, I'll just give you the source code I'm using for each of the templates I use for this process. I'll include some description of what each is for but, you're likely to make modifications so some of them anyway so I'll keep it short.

Template: Stylesheet - All

Paste the code for your chosen Case branded stylesheet into this module. You will want to assign an output file name with the .css extension. I will be including this file into the "Header Tags" module below. Remember to upload your template image files, or know where they are on your departmental web site.Remember to update the .masthead definition to use the correct background image for your departmental site.

I recommend these additions to the branded stylesheet. These can be added at the very top of the CSS code.

tr {vertical-align: top; }
ol, ul, dl { margin: 0px; }

The tr rule takes care content positioning in table rows so it defaults to the top of the cell. The ol, ul, dl rule strips off the extra margin space round all of your lists. Adjust seasoning to taste.

Template: Stylesheet - Print

Save the Case provided print.css code to your account with an appropriate filename.

Template: Stylesheet - Screen

Save the Case provided screen.css code to your account with an appropriate filename.

Template: Index

The Index template is your blog homepage. It includes enough of the features that are used on other pages to justify changing it first. The remaining templates are, with the exception of the MT code, near photocopies of this page.

<!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">
<head>
<MTInclude module="Head Tags">
</head>
<body>
<MTInclude module="Page Masthead">

<tr><!-- Main Content Row -->
<td> </td>

<td class="leftcolumn">
<div id="snav">
<MTInclude module="Main Menu">
<MTInclude module="Link Box">
<MTInclude module="Terror Level">
</div><!-- End of left column menu -->
</td>

<td>
<div class="paddedwrapper">
<MTInclude module="Blog ID">

<MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader>
<h3><$MTEntryDate format="%x"$></h3>
</MTDateHeader>
<h4><$MTEntryTitle$></h4>
<$MTEntryBody$>

<MTEntryIfExtended>
<p class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></p>
</MTEntryIfExtended>

<div class="entryLinks">
<MTEntryIfAllowComments>
<a href="<$MTEntryPermalink$>#comments">Comments (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>#trackbacks">Trackbacks (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>">Permalink</a>
</div>
<div class="dashedseparator"></div>
</MTEntries>

</div><!-- #paddedwrapper -->
</td></tr>

<MTInclude module="Page Footer">
</body></html>

Template: Category Index

A list of your entry categories with entry counts for each.

<!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">
<head>
<MTInclude module="Head Tags">
</head>
<body>
<MTInclude module="Page Masthead">

<tr><!-- Main Content Row -->
<td> </td>

<td class="leftcolumn">
<div id="snav">
<MTInclude module="Blog ID">
<$MTInclude module="Main Menu"$>
<$MTInclude module="Link Box"$>
</div><!-- End of left column menu -->
</td>

<td>
<div class="paddedwrapper">

<dl>
<MTTopLevelCategories show_empty="1">
<dt><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> (<$MTCategoryCount$> entries)</dt>
<dd><$MTCategoryDescription$>

<MTSubCategories>
<MTSubCatIsFirst><dl></MTSubCatIsFirst>
<dt><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> (<$MTCategoryCount$> entries)</dt>
<dd>
<$MTCategoryDescription$>
<MTSubCatsRecurse>
</dd>
<MTSubCatIsLast></dl></MTSubCatIsLast>
</MTSubCategories>
</dd>
</MTTopLevelCategories>
</dl>

</div><!-- #paddedwrapper -->
</td>
</tr>

<$MTInclude module="Page Footer"$>
</body></html>

Template: Date Archive Index

A list of calendar months with entry counts for each.

<!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">
<head>
<MTInclude module="Head Tags">
</head>
<body>
<MTInclude module="Page Masthead">

<tr><!-- Main Content Row -->
<td> </td>

<td class="leftcolumn">
<div id="snav">
<MTInclude module="Blog ID">
<$MTInclude module="Main Menu"$>
<$MTInclude module="Link Box"$>
</div><!-- End of left column menu -->
</td>

<td>
<div class="paddedwrapper">

<ul>
<MTArchiveList archive_type="Monthly">
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> (<$MTArchiveCount$> entries)</li>
</MTArchiveList>
</ul>

</div><!-- #paddedwrapper -->
</td>
</tr>

<$MTInclude module="Page Footer"$>
</body>
</html>

Template: Category Archive

All entries in a certain category.

<!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">
<head>
<MTInclude module="Head Tags">
</head>

<body>
<MTInclude module="Page Masthead">

<tr><!-- Main Content Row -->
<td> </td>

<td class="leftcolumn">
<div id="snav">
<MTInclude module="Blog ID">
<$MTInclude module="Main Menu"$>
<$MTInclude module="Link Box"$>
</div><!-- End of left column menu -->
</td>

<td>
<div class="paddedwrapper">

<h3>Entries in "<$MTArchiveTitle$>"</h3>

<MTEntries>
<$MTEntryTrackbackData$>

<h4><$MTEntryTitle$></h4>

<$MTEntryBody$>

<MTEntryIfExtended>
<p class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></p>
</MTEntryIfExtended>

<div class="entryLinks">
<MTEntryIfAllowComments>
<a href="<$MTEntryPermalink$>#comments">Comments (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>#trackbacks">Trackbacks (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>">Permalink</a>
</div>

<div class="dashedseparator"></div>

</MTEntries>

</div><!-- #paddedwrapper -->

</td></tr>

<$MTInclude module="Page Footer"$>
</body>
</html>

Template: Individual Entry Archive

Each entry also gets its own page on which your guests may submit comments.

<!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">
<head>
<MTInclude module="Head Tags">
<MTInclude module="Header Scripts">
</head>
<body>
<MTInclude module="Page Masthead">

<tr><!-- Main Content Row -->
<td> </td>

<td class="leftcolumn">
<div id="snav">
<MTInclude module="Blog ID">
<$MTInclude module="Main Menu"$>
<$MTInclude module="Link Box"$>
</div><!-- End of left column menu -->
</td>

<td>
<div class="paddedwrapper">

<$MTEntryTrackbackData$>

<h3><$MTEntryTitle$></h3>

<$MTEntryBody$>

<$MTEntryMore$>

<MTEntryIfAllowPings>

<div class="dashedseparator"></div>

<div class="trackbackSection">
<h3>Trackbacks</h3>
Trackback URL for this entry is: <b><$MTEntryTrackbackLink$></b>

<MTPings>
<div class="trackbackItem">
<a href="<$MTPingURL$>"><$MTPingTitle$></a><br />
<b>Excerpt:</b> <$MTPingExcerpt$><br />
<b>Weblog:</b> <$MTPingBlogName$><br />
<b>Tracked:</b> <$MTPingDate$>
</div>
</MTPings>

</div> <!-- end div trackbacks -->
</MTEntryIfAllowPings>

<div class="dashedseparator"></div>

<MTEntryIfAllowComments>

<div class="commentsSection">
<h3>Comments</h3>

<MTComments>
<div class="comment">
<div class="commentsPosted"><h6><$MTCommentAuthorLink$> spake from the ether on <$MTCommentDate$> to say:</h6></div>
<$MTCommentBody$>
</div>
<div class="dashedseparator"></div>

</MTComments>

</div> <!-- end div=commentsSection-->

<div class="commentsForm">

<h3>Post a comment</h3>

<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie.checked) rememberMe(this)">
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="<$MTEntryID$>" />


<label for="author">Name:</label><br />
<input id="author" name="author" /><br /><br />

<label for="email">Email Address:</label><br />
<input id="email" name="email" /><br /><br />

<label for="url">URL:</label><br />
<input id="url" name="url" /><br /><br />

<label for="text">Comments:</label><br />
<textarea id="text" name="text" rows="10" cols="50"></textarea><br /><br />

<input type="checkbox" id="bakecookie" name="bakecookie" /><label for="bakecookie">Remember info?</label><br /><br />

<input type="submit" name="preview" value=" PREVIEW " />
<input type="submit" name="post" value=" POST " /><br /><br />

<input type="button" onclick="forgetMe(this.form)" value="FORGET PERSONAL INFORMATION" />
</form>

<script type="text/javascript" language="javascript">
<!--
document.comments_form.email.value = getCookie("mtcmtmail");
document.comments_form.author.value = getCookie("mtcmtauth");
document.comments_form.url.value = getCookie("mtcmthome");
//-->
</script>
</div> <!-- end div commentsForm -->
</MTEntryIfAllowComments>


</div><!-- #paddedwrapper -->

</td>
</tr>

<$MTInclude module="Page Footer"$>
</body></html>

Template: Monthly Archive

All entries from a certain calendar month.

<!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">
<head>
<MTInclude module="Head Tags">
</head>
<body>
<MTInclude module="Page Masthead">

<tr><!-- Main Content Row -->
<td> </td>

<td class="leftcolumn">
<div id="snav">
<MTInclude module="Blog ID">
<$MTInclude module="Main Menu"$>
<$MTInclude module="Link Box"$>
</div><!-- End of left column menu -->
</td>

<td>
<div class="paddedwrapper">

<h3>Entries for <$MTArchiveTitle$></h3>

<MTEntries>
<$MTEntryTrackbackData$>

<h4><$MTEntryTitle$></h4>

<$MTEntryBody$>

<MTEntryIfExtended>
<p class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></p>
</MTEntryIfExtended>

<div class="entryLinks">
<MTEntryIfAllowComments>
<a href="<$MTEntryPermalink$>#comments">Comments (<$MTEntryCommentCount$>)</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>#trackbacks">Trackbacks (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink$>">Permalink</a>
</div>

<div class="dashedseparator"></div>

</MTEntries>

</div><!-- #paddedwrapper -->

</td>
</tr>

<$MTInclude module="Page Footer"$>
</body>
</html>

Closing Remarks

Once you have all of this in place you will need to rebuild your site. You may find yourself to be more comfortable along the way if you rebuild as each module or template is changed or built.

Trackbacks

Trackback URL for this entry is: http://blog.case.edu/dkh2/mt-tb.cgi/1095 Case Branding Your Blog
Excerpt: Wow! Keith has done a phenomenal job in Keith's Step-By-Step Departmental Blog Branding Guide. I will have to link to...
Weblog: Jeremy Smith's blog
Tracked: April 20, 2005 07:32 PM

Comments

Post a comment





If you have entered an email address in the box, clicking this checkbox will subscribe your email address to this entry so that you are notified if any updates or additional comments occur on the entry.











Email This Entry:

Send this entry to:


Your email address:


Message (optional):