Vanilla Eyes (Blogger Template)

Latest posts

Sunday, January 21, 2007

Best "Old Blogger" Template ever

Vanilla Eyes 0.6 "Eee" (Extended Easter Edition):

<!-- Should've done better.. http://www.w3.org/WAI/intro/wcag -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title><$BlogPageTitle$></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
body {background-color: #f9f9f9; font-family: "Trebuchet MS", "Lucida Sans", sans-serif;}

#wrapper {margin: 0px auto; padding: 20px; max-width: 600px; background-color: #fff;
border-bottom: thin solid #ddd; border-right: thin solid #ddd; margin-bottom: 60px;}

a {text-decoration: underline;}

h2 {color: #ccc;}
h3 {color: #999;}
h4 {font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-size: 160%;}

h1 a {text-decoration: none; color: #fb0; background-color: #fff;}
h3 a {text-decoration: none; color: #999;}
h4 a {text-decoration: none;}

.postal {background-color: #fcfcfc; font-family: Georgia, serif; padding: 20px; margin-bottom: 40px;
border-bottom: thick solid #f9f9f9; font-size: 90%; border-top: thin solid #f9f9f9;}
.postal a {font-weight: bold; color: #fb0; background-color: #fcfcfc;}
.postal a:focus {text-decoration: none; background-color: #fb0; color: #fff;}
.postal a:visited {text-decoration: none;}

.commentary {text-align: right; font-size: 80%;}
.commentary a {text-decoration:none; color: #ccc;}
</style>

<!-- Blogger Code -->
</head>
<body>
<!-- End Blogger Code -->

<div id="wrapper">

<h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1>

<MainPage><h2>Latest posts</h2></MainPage><ItemPage><h2>Specific post</h2></ItemPage><ArchivePage><h2>Archived posts</h2></ArchivePage>
<Blogger>
<BlogDateHeader><h3><$BlogDateHeaderDate$></h3>
</BlogDateHeader>
<div class="postal"><BlogItemTitle><h4><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></h4></BlogItemTitle>
<$BlogItemBody$>
<ItemPage><BlogItemCommentsEnabled><div class="commentary"><a title="Comments" href="<$BlogItemCommentCreate$>">Comment</a></div></BlogItemCommentsEnabled>
</ItemPage></div>
</Blogger>

<h2>Archives</h2>
<BloggerArchives><h3><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></h3></BloggerArchives>

<h2>Powered by</h2>
<h3><a href="http://www.blogger.com/">Blogger</a></h3>

</div>
</body>
</html>

Bare Bones II "Old Blogger" Template

If you want to design an "Old Blogger" Template from scratch, you can build on this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<title><$BlogPageTitle$></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type="text/css">
#wrapper {margin: 0px; padding: 0px;}
</style>
</head>
<body>
<div id="wrapper">

<h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1>

<MainPage><h2>Latest posts</h2></MainPage>
<ItemPage><h2>Specific post</h2></ItemPage>
<ArchivePage><h2>Archived posts</h2></ArchivePage>
<Blogger>
<BlogDateHeader><h3><$BlogDateHeaderDate$></h3></BlogDateHeader>
<BlogItemTitle><h4><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></h4></BlogItemTitle>
<$BlogItemBody$>
</Blogger>

<h2>Archives</h2>
<BloggerArchives><h3><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></h3></BloggerArchives>

<h2>Powered by</h2>
<h3><a href="http://www.blogger.com/">Blogger</a></h3>

</div>
</body>
</html>

Archives

January 2007

Powered by

Blogger