Tuesday, December 26, 2006

Storehouse of old Blogger (classic) templates

Blogger will be making a mandatory switch from the old Blogger (Blogger Classic) to the new Blogger (previously known as Blogger beta, now out of the beta phase), and we expect that soon, all the classic template may become unavailable. Some may still want to use the classic template, so here is a storehouse of all the standard classic Blogger templates:

Minama by Douglas Bowman
Dots by Douglas Bowman
Dots Dark by Douglas Bowman
Harbour by Douglas Bowman
Minima Dark by Douglas Bowman
Minima Blue by Douglas Bowman
Minima Ochre by Douglas Bowman
No. 897 by Douglas Bowman
No. 565 by Douglas Bowman
Rounders by Douglas Bowman
Rounders 2 by Douglas Bowman
Rounders 3 by Douglas Bowman
Rounders 4 by Douglas Bowman
Scribe by Tod Dominey
Snapshot by Dave Shea
Snapshot Sable by Dave Shea
Snapshot Tequila by Dave Shea
Ms Moto by Jeffery Zeldman
Mr Moto by Jeffery Zeldman
Son of Moto by Jeffery Zeldman
Thisaway by Dan Rubin
Thisaway blue by Dan Rubin
Thisaway Green by Dan Rubin
Tic Tac by Dan Cederholm
Tic Tac Blueberry by Dan Cederholm
Tekka by Evhead, Glish
Jellyfish by Jason Sutter
Simple II by Jason Sutter
Herbert by Jason Sutter
Sand Dollar by Jason Sutter

posted by Peter @ Enviroman at 6:08 PM 2 Comments

Tuesday, December 19, 2006

Sand Dollar Blogger classic template by Jason Sutter

Sand Dollar classic template


<html>
<head>
<title><$BlogPageTitle$></title>
<style type="text/css">
body{margin:0px;padding:0px;background:#f6f6f6;color:#000000;font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;}
a{color:#DE7008;}
a:hover{color:#E0AD12;}
#logo{padding:0px;margin:0px;}
@media all {
div#mainClm{float:right;width:66%;padding:30px 7% 10px 3%;border-left:dotted 1px #E0AD12;}
div#sideBar{margin:20px 0px 0px 1em;padding:0px;text-align:left;}
}
@media handheld {
div#mainClm{float:none;width:90%;}
div#sideBar{padding:30px 7% 10px 3%;}
}
#header{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-top:1px solid #eeeeee;border-bottom:dotted 1px #E0AD12;background:#F5E39E;color:white;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
h1 a:link {text-decoration:none;color:#F5DEB3}
h1 a:visited {text-decoration:none;color:#F5DEB3}
h1{padding:25px 0px 10px 5%;border-top:double 3px #BF5C00;border-bottom:solid 1px #E89E47;color:#F5DEB3;background:#DE7008;font:bold 300% Verdana,Sans-Serif;letter-spacing:-2px;}
h2{color:#9E5205;font-weight:bold;font-family:Verdana,Sans-Serif;letter-spacing:-1px;}
h3{margin:10px 0px 0px 0px;color:#777777;font-size:105%;}
h4{color:#aa0033;}
h6{color:#B8A80D;font-size:140%;}
h2.sidebar-title{color:#B8A80D;margin:0px;padding:0px;font-size:120%;}
#sideBar ul{margin:0px 0px 33px 0px;padding:0px 0px 0px 0px;list-style-type:none;font-size:95%;}
#sideBar li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none;font-size:95%;}
#description{padding:0px;margin:7px 12% 7px 5%;color:#9E5205;background:transparent;font:bold 85% Verdana,Sans-Serif;}
.blogPost{margin:0px 0px 30px 0px;font-size:100%;}
.blogPost strong{color:#000000;font-weight:bold;}
#sideBar ul a{padding:2px;margin:1px;width:100%;border:none;color:#999999;text-decoration:none;}
#sideBar ul a:link{color:#999999;}
#sideBar ul a:visited{color:#999999;}
#sideBar ul a:active{color:#ff0000;}
#sideBar ul a:hover{color:#DE7008;text-decoration:none;}
pre,code{color:#999999;}
strike{color:#999999;}
.bug{padding:5px;border:0px;}
.byline{padding:0px;margin:0px;color:#444444;font-size:80%;}
.byline a{border:none;color:#968A0A;text-decoration:none;}
.byline a:hover{text-decoration:underline;}
.blogComments{padding:0px;color:#9E5205;font-size:110%;font-weight:bold;font-family:Verdana,Sans-Serif;}
.blogComment{margin-top:10px;font-size:100%;font-weight:normal;color:black;}
.blogComments .byline{padding-bottom:20px;color:#444444;font-size:80%;font-weight:normal;display:inline;margin-right:10px}
.deleted-comment {font-style:italic;color:gray;}
.comment-link {margin-left:.6em;}
#profile-container { }
.profile-datablock { }
.profile-img {display:inline;}
.profile-img img {float:left;margin-right:5px;}
.profile-data strong { }
#profile-container p { }
#profile-container .profile-textblock { }
.profile-link a:link {color:#999999;text-decoration:none;}
.profile-link a:active {color:#ff0000;text-decoration:none;}
.profile-link a:visited {color:#999999;text-decoration:none;}
.profile-link a:hover{color:#DE7008;text-decoration:none;}

</style>

<$BlogMetaData$>

</head>

<body>


<div id="header">
<h1>
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
</div>


<!-- Main Column -->
<div id="mainClm">

<!-- Blog Posts -->
<Blogger>
<BlogDateHeader>
<h3><$BlogDateHeaderDate$></h3>
</BlogDateHeader>
<a name="<$BlogItemNumber$>"> </a>
<BlogItemTitle><h2><BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL>
<$BlogItemTitle$><BlogItemURL></a></BlogItemURL></h2></BlogItemTitle>
<div class="blogPost">
<$BlogItemBody$><br />
<div class="byline"><a href="<$BlogItemPermalinkURL$>" title="permanent link">#</a> posted by <$BlogItemAuthorNickname$> @ <$BlogItemDateTime$><MainOrArchivePage><BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$> </div>
</div>
<ItemPage>
<div class="blogComments">
<BlogItemCommentsEnabled><a name="comments"></a>
Comments:
<BlogItemComments>
<div class="blogComment">
<a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$><br />
<div class="byline"><a href="<$BlogCommentPermalinkURL$>"title="permanent link">#</a> posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$> </div>
<$BlogCommentDeleteIcon$>
</div>
</BlogItemComments>
<$BlogItemCreate$>
</BlogItemCommentsEnabled>
<br /> <br />
<BlogItemBacklinksEnabled>
<a name="links"></a>
Links to this post:
<BlogItemBacklinks>
<div class="blogComment">
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a>
<$BlogBacklinkDeleteIcon$>
<br />
<$BlogBacklinkSnippet$><br />
<div class="byline">
<span class="comment-poster">
<em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</div>
</div>
</BlogItemBacklinks>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>

<br /> <br />
<a href="<$BlogURL$>"><< Home</a>
</div>
</ItemPage>
</Blogger>

<!-- In accordance to the Blogger terms of service, please leave this button somewhere on your blogger-powered page. Thanks! -->
<p><a href="http://www.blogger.com"><img width="88" height="31" src="http://buttons.blogger.com/bloggerbutton1.gif" border="0" alt="This page is powered by Blogger. Isn't yours?" /></a></p>

</div>

<!-- Sidebar -->
<div id="sideBar">

<$BlogMemberProfile$>

<!--

+++++++++++++++++++++++++++++++++++++++++++++++++

Add things to your sidebar here.
Use the format:

<li><a href="URL">Link Text</a></li>

+++++++++++++++++++++++++++++++++++++++++++++++++

-->
<h6>Links</h6>
<ul>
<li><a href="http://news.google.com/">Google News</a></li>
<li><a href="http://EDITME!">Edit-Me</a></li>
<li><a href="http://EDITME!">Edit-Me</a></li>
</ul>

<h6>archives</h6>
<ul>
<BloggerArchives><li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li></BloggerArchives>
<!-- Link to the front page, from your archives -->
<script type="text/javascript">if (location.href.indexOf("archive")!=-1) document.write("<li><strong><a href=\"<$BlogURL$>\">Current Posts</a></strong></li>");</script>
</ul>
</div>
</body>
</html>

posted by Peter @ Enviroman at 7:14 AM 0 Comments

Herbert Blogger classic template by Jason Sutter

Herbert classic template

<html>
<head>
<title><$BlogPageTitle$></title>
<style type="text/css">
body{margin:0px;padding:0px;background:#ffffff;color:#000000;font:0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;}
a{color:#DE7008;}
a:hover{color:#E0AD12;}
#logo{padding:0px;margin:0px;}
@media all {
div#mainClm{float:left;padding:13px 50px 10px 5%;width:68%;}
div#sideBar{margin:0px 1em 0px 0px;padding:0px;text-align:right;}
}
@media handheld {
div#mainClm{float:none;width:90%;}
div#sideBar{padding:13px 50px 10px 5%;text-align:left;}
}
#header{padding:0px 0px 8px 0px;margin:0px 0px 20px 0px;border-bottom:solid 1px #eeeeee;border-top:solid 2px #FFEBCD;background:#FFEBCD;color:#8B4513;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
h1 a:link{text-decoration:none;color:#FFFAFA;}
h1 a:visited{text-decoration:none;color:#FFFAFA;}
h1{padding:18px 0px 10px 5%;margin:0px 0px 8px 0px;border-top:solid 9px #FF7F50;border-bottom:solid 1px #DEB887;color:#FFFAFA;background:#FF4500;font:bold 266% Verdana,Sans-Serif;}
h2{margin:0px 0px 10px 0px;padding:2px 0px 2px 5px;border-right:solid 1px #f5f5f5;border-bottom:solid 1px #dddddd;border-top:solid 1px #f5f5f5;border-left:solid 1px #f5f5f5;color:#555555;background:#eeeeee;font:bold 110% Verdana,Sans-Serif;}
h3{margin:10px 0px 0px 0px;padding:0px 0px 0px 2%;border-bottom:dotted 1px #cccccc;color:#777777;font-size:90%;text-align:left;}
h4{color:#aa0033;}
h6{color:#FF4500;font:bold 125% Verdana,Sans-Serif;}
h2.sidebar-title{margin:0px;color:#FF4500;font:bold 125% Verdana,Sans-Serif;padding:0px;border:none;background:#ffffff;}
#sideBar ul{margin:0px 0px 33px 0px;padding:0px 0px 0px 0px;list-style-type:none;font-size:95%;}
#sideBar li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none;font-size:105%;}
#description{padding:0px 0px 0px 5%;margin:0px;color:#9E5205;background:transparent;font:bold 85% Verdana,Sans-Serif;}
.blogPost{margin:0px 6px 30px 5px;font-size:100%;}
.blogPost strong{color:#000000;font-weight:bold;}
#sideBar ul a{padding:2px;margin:1px;width:100%;border:none;color:#999999;text-decoration:none;}
#sideBar ul a:link{color:#999999;}
#sideBar ul a:visited{color:#999999;}
#sideBar ul a:active{color:#ff0000;}
#sideBar ul a:hover{color:#DE7008;text-decoration:none;}
pre,code{color:#999999;}
strike{color:#999999;}
.bug{padding:5px;border:0px;}
.byline{padding:0px;margin:0px;color:#444444;font-size:80%;}
.byline a{border:none;color:#FF4500;text-decoration:none;}
.byline a:hover{text-decoration:underline;}
.blogComments{padding:2px 0px 2px 5px;color:#555555;font-size:110%;font-weight:bold;font-family:Verdana,Sans-Serif;}
.blogComment{margin-top:10px;font-size:100%;font-weight:normal;color:black;}
.blogComments .byline{padding:0px;margin-bottom:20px;color:#444444;font-size:80%;font-weight:normal;display:inline;margin-right:10px}
.deleted-comment {font-style:italic;color:gray;}
.comment-link {margin-left:.6em;}
#profile-container { }
.profile-datablock {text-align:justify;}
.profile-img {}
.profile-img img {margin-left:5px;float:right;}
.profile-data strong { }
#profile-container p { }
#profile-container .profile-textblock {text-align:justify;}
.profile-link a:link {color:#999999;text-decoration:none;}
.profile-link a:active {color:#ff0000;text-decoration:none;}
.profile-link a:visited {color:#999999;text-decoration:none;}
.profile-link a:hover{color:#DE7008;text-decoration:none;}

</style>

<$BlogMetaData$>

</head>

<body>


<!-- Heading -->
<div id="header">
<h1>
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
</div>


<!-- Main Column -->
<div id="mainClm">


<!-- Blog Posts -->
<Blogger>
<BlogDateHeader>
<h3><$BlogDateHeaderDate$></h3>
</BlogDateHeader>
<a name="<$BlogItemNumber$>"></a>
<BlogItemTitle><h2><BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL>
<$BlogItemTitle$><BlogItemURL></a></BlogItemURL></h2></BlogItemTitle>
<div class="blogPost">
<$BlogItemBody$><br />
<div class="byline"><a href="<$BlogItemPermalinkURL$>" title="permanent link">#</a> posted by <$BlogItemAuthorNickname$> : <$BlogItemDateTime$>
<MainOrArchivePage><BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$></div>
</div>
<ItemPage>
<div class="blogComments">
<BlogItemCommentsEnabled><a name="comments"></a>
Comments:
<BlogItemComments>
<div class="blogComment">
<a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$><br />
<div class="byline"><a href="<$BlogCommentPermalinkURL$>"title="permanent link">#</a> posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$></div>
<$BlogCommentDeleteIcon$>
</div>
</BlogItemComments>
<$BlogItemCreate$>
</BlogItemCommentsEnabled>
<br /> <br />
<BlogItemBacklinksEnabled>
<a name="links"></a>
Links to this post:
<BlogItemBacklinks>
<div class="blogComment">
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a>
<$BlogBacklinkDeleteIcon$>
<br />
<$BlogBacklinkSnippet$><br />
<div class="byline">
<span class="comment-poster">
<em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</div>
</div>
</BlogItemBacklinks>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>

<br /> <br />
<a href="<$BlogURL$>"><< Home</a>
</div>
</ItemPage>
</Blogger>

<!-- In accordance to the Blogger terms of service, please leave this button somewhere on your blogger-powered page. Thanks! -->
<p><a href="http://www.blogger.com"><img width="88" height="31" src="http://buttons.blogger.com/bloggerbutton1.gif" border="0" alt="This page is powered by Blogger. Isn't yours?" /></a></p>
</div>

<!-- Sidebar -->
<div id="sideBar">

<$BlogMemberProfile$>


<!--

+++++++++++++++++++++++++++++++++++++++++++++++++

Add things to your sidebar here.
Use the format:

<li><a href="URL">Link Text</a></li>

+++++++++++++++++++++++++++++++++++++++++++++++++

-->
<h6>Links</h6>
<ul>
<li><a href="http://news.google.com/">Google News</a></li>
<li><a href="http://EDITME!">Edit-Me</a></li>
<li><a href="http://EDITME!">Edit-Me</a></li>
</ul>

<h6>Archives</h6>
<ul>
<BloggerArchives><li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li></BloggerArchives>
<script type="text/javascript" language="Javascript">if (location.href.indexOf("archive")!=-1) document.write("<li><strong><a href=\"<$BlogURL$>\">Current Posts</a></strong></li>");</script>
</ul>
</div>

</body>
</html>

posted by Peter @ Enviroman at 7:10 AM 0 Comments

Simple II Blogger classic template by Jason Sutter

old Blogger classic Simple II template


<html>

<head>
<title><$BlogPageTitle$></title>
<style type="text/css" media="screen">
h1 {border-bottom:dotted 1px #000000;margin-bottom:0px;}
h2 {margin-bottom:0px;}
h2#archives { padding-top:10px;margin-top:40px;border-top:dotted 1px #999999;}
h3 {padding-top:30px;color:#555555;padding-bottom:0px;margin-bottom:0px;}
body {font-family:Georgia,Serif;font-size:1em;margin:3%;padding:0px;background:#ffffff;color:#000000;}
div.blogPost {padding-left:5%;padding-right:10%;}
div.byline {color:#555555;}
p#bloggerBug {padding-top:20px;}
.blogComments {padding-top:30px;color:#555555;padding-bottom:0px;margin-bottom:0px;font-weight:bold}
.blogComments .byline {font-size:1em;font-weight:normal;color:#555555;margin-right:10px;display:inline}
.blogComment {font-size:1em;margin:3%;color:#000000;font-weight:normal}
.deleted-comment {font-style:italic;color:gray;}
.comment-link {margin-left:.6em;}
</style>
<$BlogMetaData$>
</head>

<body>

<!-- To aid with the Blogger NavBar -->
<div id="wrap4">

<!-- Header -->
<h1><$BlogTitle$></h1>

<$BlogDescription$>


<!-- Blog Posts -->
<Blogger>
<BlogDateHeader>
<h3><$BlogDateHeaderDate$></h3>
</BlogDateHeader>
<a name="<$BlogItemNumber$>"> </a>
<BlogItemTitle><h2><BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL>
<$BlogItemTitle$><BlogItemURL></a></BlogItemURL></h2></BlogItemTitle>

<div class="blogPost">
<$BlogItemBody$><br />
<div class="byline">posted by <a href="<$BlogItemPermalinkURL$>" title="permanent link"><$BlogItemAuthorNickname$>  # <$BlogItemDateTime$></a><MainOrArchivePage><BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$> </div>
</div>
<ItemPage>
<div class="blogComments">

<BlogItemCommentsEnabled><a name="comments"></a>
Comments:
<BlogItemComments>
<div class="blogComment">
<a name="<$BlogCommentNumber$>"></a> <$BlogCommentBody$><br />
<div class="byline"><a href="<$BlogCommentPermalinkURL$>" title="permanent link">#</a> posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$></div>

<$BlogCommentDeleteIcon$>
</div>
</BlogItemComments>
<$BlogItemCreate$>
</BlogItemCommentsEnabled>
<br /> <br />
<BlogItemBacklinksEnabled>
<a name="links"></a>
Links to this post:
<BlogItemBacklinks>
<div class="blogComment">
<a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a>
<$BlogBacklinkDeleteIcon$>
<br />
<$BlogBacklinkSnippet$><br />
<div class="byline">
<span class="comment-poster">
<em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
</span>
</div>
</div>
</BlogItemBacklinks>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>

<br /> <br />
<a href="<$BlogURL$>"><< Home</a>
</div>

</ItemPage>
</Blogger>


<!-- Archive Links -->
<h2 id="archives">Archives</h2>
<p><BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a>  
</BloggerArchives>
<script type="text/javascript" language="Javascript">if (location.href.indexOf("archive")!=-1) document.write("<strong><a href=\"<$BlogURL$>\">Current Posts</a></strong>");</script></p>


<!-- In accordance to the Blogger terms of service, please leave this button somewhere on your blogger-powered page. Thanks! -->
<p id="bloggerBug"><a href="http://www.blogger.com"><img width="88" height="31" src="http://buttons.blogger.com/bloggerbutton1.gif" border="0" alt="This page is powered by Blogger. Isn't yours?" /></a></p>

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

posted by Peter @ Enviroman at 7:07 AM 2 Comments