my code:
<html>
<head>
<title><$BlogPageTitle$></title>
<style type="text/css">
body{margin:0px;padding:0px;background:#fff;color: #000000;
font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;}
a{color:purple;}
a:hover{color:purple;}
#logo{padding:0px;margin:0px;}
div#mainClm{float:left;padding:13px 50px 10px 5%;width:68%;}
div#sideBar{margin:0px 1em 0px 0px;padding:0px;text-align:right;}
#header{padding:0px 0px 8px 0px;margin:0px 0px 20px
0px;border-bottom:dotted 1px dotted PURPLE;border-top:dotted 1px dotted
BLUE;background:#FFf;color:purple;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:10px;}
h1 a:link{text-decoration:none;color:purple;}
h1 a:visited{text-decoration:none;color:purple;}
h1{padding:18px 0px 10px 5%;margin:0px 0px 8px 0px;border-top:dotted
1px PURPLE;border-bottom:dotted 1px
BLUE;color:BLUE;background:#FFf;font:bold 266% Verdana,Sans-Serif;}
h2{margin:0px 0px 10px 0px;padding:2px 0px 2px
5px;border-right:dotted 1px #f5f5f5;border-bottom:dotted 1px
#dddddd;border-top:dotted 1px #f5f5f5;border-left:dotted 1px
#f5f5f5;color:#fff;background:black;font:bold 110% Verdana,Sans-Serif;}
h3{margin:10px 0px 0px 0px;padding:0px 0px 0px
2%;border-bottom:dotted 1px
#cccccc;color:#333366;font-size:90%;text-align:left;}
h4{color:#aa0033;}
h6{color: purple;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:#333366;background:transparent ;font:bold 85%
Verdana,Sans-Serif;}
.blogPost{margin:0px 6px 30px 5px;font-size:100%;}
.blogPost strong{color:#333366;font-weight:bold;}
#sideBar ul
a{padding:2px;margin:1px;width:100%;border:none;co lor:#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:#333366;}
.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:#333366;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$>"<$BlogItemCommentF ormOnclick$>><$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">
<!--
+++++++++++++++++++++++++++++++++++++++++++++++++
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://quiltshopping.blogspot.com/">Quilt Shopping &
Related Info</a></li>
<li><a href="http://quiltingactivities.blogspot.com/">Quilting
Calendar & Related Activities</a></li>
<li><a href="http://seasidequiltersworkshop.blogspot.com/">Workshop
Info</a></li>
<li><a href="http://quiltgallery.blogspot.com/">Gallery</a></li>
<li><a href="http://quiltingpatterns.blogspot.com/">Patterns - Free
</a></li>
<li><a href="http://quiltersrecipes.blogspot.com/">Recipes </a></li>
<li><a href="http://linusquilts.blogspot.com/">Linus Quilts</a></li>
<li><a href="http://sqhistory.blogspot.com/">Club History</a></li>
<li><a href="http://sqmembership.blogspot.com/">Club
Membership</a></li>
<li><a
href="http://seasidequiltersmemberannouncements.blogspot.com/">Member
Announcements</a></li>
<li><a href="http://quiltingpopularlinks.blogspot.com/">Popular
Links</a></li>
<li><a href="http://konabillfisher.blogspot.com//">Hawaii
Vacation</a></li>
<li><a
href="http://h10025.www1.hp.com/ewfrf/wc/acCategory?cat=44549&dlc=en&lc=en&cc=us&encodeUrl= false&page=acCategory&/">HP
Quilting</a></li>
<!-- Start of Flickr Badge -->
<style type="text/css">
..zg_div {margin:0px 5px 5px 0px; width:117px;}
..zg_div_inner {border: solid 1px #000000; background-color:#003366;
color:#666666; text-align:center; font-family:arial, helvetica;
font-size:11px;}
..zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff;
background:inherit !important; text-decoration:none !important;}
</style>
<script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = '003366';
var zgi_url =
'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_pe rson_id=48612779%40N00&zg_tags=quilt&zg_tag_mode=a ny';
document.write('<iframe style="background-color:#'+zg_bg_color+';
border-color:#'+zg_bg_color+'; border:none;" width="113" height="151"
frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr
Badge"></iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a
href="http://www.flickr.com/badge_new.gne" style="color:#3993ff;"
onclick="zg_toggleWhat(); return false;">what is this?<\/a><\/div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.displa y =
(document.getElementById('zg_whatdiv').style.displ ay != 'none') ?
'none' : 'block';
document.getElementById('zg_whatlink').style.displ ay =
(document.getElementById('zg_whatdiv').style.displ ay != 'none') ?
'none' : 'block';
return false;
}
</script>
<div class="zg_div"><div class="zg_div_inner"><a
href="http://www.flickr.com">www.<strong
style="color:#3993ff">flick<span
style="color:#ff1c92">r</span></strong>.com</a><br>
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing public photos from
<a href="http://www.flickr.com/photos/48612779@N00">dsimmons</a> tagged
with <a
href="http://www.flickr.com/photos/48612779@N00/tags/quilt">quilt</a>.
Make your own badge <a
href="http://www.flickr.com/badge_new.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById)
document.getElementById('zg_whatdiv').style.displa y = 'none';</script>
</div>
</div>
<!-- End of Flickr Badge -->
</ul>
<h6>Feedback</h6>
</ul>
<li><a href="mailto:Se*************@yahoo.com?subject=Sea side
Quilters' Website Feedback on Main Page">Seaside Quilters' Web
Feedback</a></li>
<li><a href="mailto:Se*************@yahoo.com?subject=Sea side
Quilters' Board Feedback">Seaside Quilters' Feedback for the
Board</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>
<a href="http://easyhitcounters.com/stats.php?site=dsimmons"
target="_top"><img border="0" alt="Web Site Counter"
src="http://beta.easyhitcounters.com/counter/index.php?u=dsimmons&s=apple"
ALIGN="middle" HSPACE="4" VSPACE="2"></a><script
src=http://beta.easyhitcounters.com/counter/script.php?u=dsimmons></script>
<br><a href="http://easyhitcounters.com/" target="_top"><font
color="#666666">Free Website Counter</font></a>
</div>
</body>
</html>
