3.11.2006

code: the keep it simple template

View the template here.
the code >>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title><$BlogTitle$></title>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden"; } else {
whichpost.className="commentshown"; }
} </script>
<style type="text/css">
.commenthidden {display:none} .commentshown {display:inline}
a:link{color:#3366FF;}
a:visited{color:#0000FF;}
a:active{color:#ff0000;}
pre {
text-align: left;
font-size: 1.5em;
width:100%;
border:1px solid #3366FF;
overflow:scroll;
}
</style>

<$BlogMetaData$>
</head>
<body>
<body bgcolor="#ff9933">
<br></br>
<br></br>
<p><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><a aiotitle="click to expand" href="javascript:togglecomments('kisabout')">about</a>
<div class="commenthidden" id="kisabout"><$BlogMemberProfile$></div>
<a aiotitle="click to expand" href="javascript:togglecomments('kislinks')">links</a>
<div class="commenthidden" id="kislinks"><ul>
<li><a href="http://journalofasuburbanobserver.blogspot.com">Journal of a Suburban Observer</a></li>
<li><a href="http://EDIT-ME!">EDIT-ME!</a></li>
</ul>
</div><a aiotitle="click to expand" href="javascript:togglecomments('kisarchives')">archives</a>
<div class="commenthidden" id="kisarchives"><BloggerArchives><li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li></BloggerArchives>
<script type="text/javascript">if (location.href.indexOf("archive")!=-1) document.write("<li><strong><a href=\"<$BlogURL$>\">Current Posts</a></strong></li>");</script> </div><a aiotitle="click to expand" href="javascript:togglecomments('kisblogroll')">blogroll</a>
<div class="commenthidden" id="kisblogroll"><ul>
<li><a href="http://journalofasuburbanobserver.blogspot.com">Journal of a Suburban Observer</a></li>
<li><a href="http://EDIT-ME!">EDIT-ME!</a></li>
</ul></div></font></p>
<div align="left">
<p><font size="6" color="black" face="Courier New, Courier, Monaco,
monospace"><tt><b><$BlogTitle$></b></tt></font></p>
</div>
<div align="right">
<p><font color="black" face="monospace"><$BlogDescription$></font></p>
</div>
<div align="right">

</div>
<hr size="1">
<body>

<div id="mainClm">



<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>&nbsp;<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$>">&lt;&lt; Home</a>
</div>
</ItemPage>
</Blogger>
<p></p>
<p></p>
<small><p><font face="Trebuchet MS, Geneva, Arial, Helvetica,
SunSans-Regular, sans-serif">created by noah
bulgaria@<a href="http://journalofasuburbanobserver.blogspot.com">journalofasuburbanobserver.blogspot.com</a></font></p></small>
<!-- In accordance to the Blogger terms of service, please leave this
button somewhere on your blogger-powered page! -->
<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>
<p></p>
</body>
</body>
</html>


Another simple template using a toggling sidebar. Already includes code for toggles and movable windows.

posted by The Prophecy at 8:04 PM

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home