Post by Connie on Oct 10, 2006 19:15:02 GMT -5
Here is the 3 column template for blogger. Remember to always save your old template in word before making changes just in case you want it back! Don't forget to take out my links and replace them with yours.. unless you want to keep them! haha
<!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>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<style type="text/css">
/***********************************************/
/* thur broeders */
/* september 2005 */
/* template tb_b_20050917_black.dwt */
/* using FLOATING sidebars */
/* */
/* www.thurboeders.nl/ */
/* postmaster@thurbroeders.nl */
/***********************************************/
body {
background-color: #FFF ;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#content {
margin: 10px;
text-align:left;
}
#main {
padding: 10px 0px;
margin: 0px 210px;
border: 1px solid #999;
}
#rightbar, #leftbar {
width: 200px;
padding: 10px 0px;
border: 1px solid #999;
}
#rightbar {
float: right;
margin: 0px 0px 20px 0px;
}
#leftbar {
float: left;
margin: 0px 0px 20px 0px;
}
/***********************************************/
/* HTML tag styles */
/***********************************************/
#header {
margin:0 10px 10px;
border: 1px solid #999;
text-align: center;
}
a {
font-weight: bold;
color: #555;
text-decoration: none;
}
a:link {
color: #555;
text-decoration: none;
}
a:visited {
color: #555;
text-decoration: none;
}
a:active {
color: #555;
}
a:hover {
color: #CCC;
text-decoration: underline;
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
font-size:2em;
line-height:1.1em;
text-transform:uppercase;
letter-spacing:.1em;
}
#description {
margin:0 5px 5px;
padding:0 20px 20px;
font-size: .8em;
letter-spacing:.1em;
}
.post {
padding: 10px;
margin: 0px;
font-size: 0.8em;
font-weight: normal;
line-height: 1.6em;
}
.post p {
font-size: 0.8em;
font-weight: normal;
line-height: 150%;
text-align: justify;
}
.side p {
margin: 10px;
font-size: 0.7em;
font-weight: normal;
line-height: 175%;
text-align: left;
}
.post-tile {
padding-bottom: 5px;
}
.sidebar-title {
/* border-top: #333 1px solid; */
border-bottom:1px solid #999;
padding: 4px;
margin: 0px;
color: #664E38;
line-height: 1em;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center
}
.date {
font-size: 1em;
color: #664E38;
margin: 0px 10px;
padding: 2px;
font-weight:bold;
border-bottom:1px solid #999;
}
.side ul {
margin: 0 0 1.5em;
padding: 10px;
list-style: none;
}
.side li {
font-size: 0.7em;
line-height: 1.4em;
}
#comments {
font-size: 0.8em;
}
.comment-link {
font-size: 1em;
}
/* Blogger Profile */
.profile-datablock {
font-size: 9px;
font-weight: normal;
margin: 10px;
line-height: 175%;
text-align: left;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #222;
margin:0 8px 3px 0;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
</style>
</head>
<body>
<!-- start header -->
<div id="header">
<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
</div>
<!-- end header -->
<!-- start content -->
<div id="content">
<!-- start left sidebar -->
<div id="leftbar">
<div class="side">
<div class="sidebar-title">Something</div>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<div class="sidebar-title">Something else</div>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
</div>
</div>
<!-- end left sidebar -->
<!-- start right sidebar -->
<div id="rightbar">
<div class="side">
<!-- start #profile-container -->
<$BlogMemberProfile$>
<!-- end #profile -->
<h2 class="sidebar-title">Previous Posts</h2>
<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$> </a></li>
</BloggerArchives>
</ul>
</MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<<li><a href="http://www.katieshugs.com">Free Stuff</a></li>
<li><a href="http://www.scrapbooking4us.com">Scrapbook ideas and instruction</a></li>
<li><a href="http://www.itsfree.proboards43.com">Free list of survey sites and mystery shopping companies</a></li>
<li><a href="https://www.kintera.org/faf/donorReg/donorPledge.asp?ievent=131546&supid=118513710">Fight Breast Cancer</a></li>
</ul>
<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" border="0" /></a></p>
</div>
</div>
<!-- end right sidebar -->
<!-- start main -->
<div id="main">
<Blogger>
<BlogDateHeader>
<h2 class="date"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<!-- start .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<div class="post-body">
<div>
<table><tr><td><$BlogItemBody$></td></tr></table>
</div>
</div>
<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</p>
</div>
<!-- end .post -->
<!-- start comments -->
<ItemPage>
<div id="comments" style="border:1px solid #222; padding: 10px; margin: 10px; font-size: smaller">
<BlogItemCommentsEnabled><a name="comments"></a>
<p class="comment-timestamp">Comments on "<span style="color: #900;"><$BlogItemTitle$></span>"</p>
<p> </p>
<dl id="comments-block">
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentNumber$>"><a name="<$BlogCommentNumber$>"></a>
<$BlogCommentAuthor$> said ... (<$BlogCommentDateTime$>) :<$BlogCommentDeleteIcon$>
</dt>
<p><$BlogCommentBody$></p>
<p> </p>
</BlogItemComments>
</dl>
<a class="comment-link" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$> title="post a comment on '<$BlogItemTitle$>'">post a comment</a>
</BlogItemCommentsEnabled>
</div>
</ItemPage>
<!-- end comments -->
</Blogger>
</div>
<!-- end main -->
</div>
<!-- end content -->
</body>
</html>
<!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>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<style type="text/css">
/***********************************************/
/* thur broeders */
/* september 2005 */
/* template tb_b_20050917_black.dwt */
/* using FLOATING sidebars */
/* */
/* www.thurboeders.nl/ */
/* postmaster@thurbroeders.nl */
/***********************************************/
body {
background-color: #FFF ;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#content {
margin: 10px;
text-align:left;
}
#main {
padding: 10px 0px;
margin: 0px 210px;
border: 1px solid #999;
}
#rightbar, #leftbar {
width: 200px;
padding: 10px 0px;
border: 1px solid #999;
}
#rightbar {
float: right;
margin: 0px 0px 20px 0px;
}
#leftbar {
float: left;
margin: 0px 0px 20px 0px;
}
/***********************************************/
/* HTML tag styles */
/***********************************************/
#header {
margin:0 10px 10px;
border: 1px solid #999;
text-align: center;
}
a {
font-weight: bold;
color: #555;
text-decoration: none;
}
a:link {
color: #555;
text-decoration: none;
}
a:visited {
color: #555;
text-decoration: none;
}
a:active {
color: #555;
}
a:hover {
color: #CCC;
text-decoration: underline;
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
font-size:2em;
line-height:1.1em;
text-transform:uppercase;
letter-spacing:.1em;
}
#description {
margin:0 5px 5px;
padding:0 20px 20px;
font-size: .8em;
letter-spacing:.1em;
}
.post {
padding: 10px;
margin: 0px;
font-size: 0.8em;
font-weight: normal;
line-height: 1.6em;
}
.post p {
font-size: 0.8em;
font-weight: normal;
line-height: 150%;
text-align: justify;
}
.side p {
margin: 10px;
font-size: 0.7em;
font-weight: normal;
line-height: 175%;
text-align: left;
}
.post-tile {
padding-bottom: 5px;
}
.sidebar-title {
/* border-top: #333 1px solid; */
border-bottom:1px solid #999;
padding: 4px;
margin: 0px;
color: #664E38;
line-height: 1em;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center
}
.date {
font-size: 1em;
color: #664E38;
margin: 0px 10px;
padding: 2px;
font-weight:bold;
border-bottom:1px solid #999;
}
.side ul {
margin: 0 0 1.5em;
padding: 10px;
list-style: none;
}
.side li {
font-size: 0.7em;
line-height: 1.4em;
}
#comments {
font-size: 0.8em;
}
.comment-link {
font-size: 1em;
}
/* Blogger Profile */
.profile-datablock {
font-size: 9px;
font-weight: normal;
margin: 10px;
line-height: 175%;
text-align: left;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #222;
margin:0 8px 3px 0;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
</style>
</head>
<body>
<!-- start header -->
<div id="header">
<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
</div>
<!-- end header -->
<!-- start content -->
<div id="content">
<!-- start left sidebar -->
<div id="leftbar">
<div class="side">
<div class="sidebar-title">Something</div>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<div class="sidebar-title">Something else</div>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
<p>Put some text here ...</p>
</div>
</div>
<!-- end left sidebar -->
<!-- start right sidebar -->
<div id="rightbar">
<div class="side">
<!-- start #profile-container -->
<$BlogMemberProfile$>
<!-- end #profile -->
<h2 class="sidebar-title">Previous Posts</h2>
<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$> </a></li>
</BloggerArchives>
</ul>
</MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<<li><a href="http://www.katieshugs.com">Free Stuff</a></li>
<li><a href="http://www.scrapbooking4us.com">Scrapbook ideas and instruction</a></li>
<li><a href="http://www.itsfree.proboards43.com">Free list of survey sites and mystery shopping companies</a></li>
<li><a href="https://www.kintera.org/faf/donorReg/donorPledge.asp?ievent=131546&supid=118513710">Fight Breast Cancer</a></li>
</ul>
<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" border="0" /></a></p>
</div>
</div>
<!-- end right sidebar -->
<!-- start main -->
<div id="main">
<Blogger>
<BlogDateHeader>
<h2 class="date"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<!-- start .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<div class="post-body">
<div>
<table><tr><td><$BlogItemBody$></td></tr></table>
</div>
</div>
<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
</p>
</div>
<!-- end .post -->
<!-- start comments -->
<ItemPage>
<div id="comments" style="border:1px solid #222; padding: 10px; margin: 10px; font-size: smaller">
<BlogItemCommentsEnabled><a name="comments"></a>
<p class="comment-timestamp">Comments on "<span style="color: #900;"><$BlogItemTitle$></span>"</p>
<p> </p>
<dl id="comments-block">
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentNumber$>"><a name="<$BlogCommentNumber$>"></a>
<$BlogCommentAuthor$> said ... (<$BlogCommentDateTime$>) :<$BlogCommentDeleteIcon$>
</dt>
<p><$BlogCommentBody$></p>
<p> </p>
</BlogItemComments>
</dl>
<a class="comment-link" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$> title="post a comment on '<$BlogItemTitle$>'">post a comment</a>
</BlogItemCommentsEnabled>
</div>
</ItemPage>
<!-- end comments -->
</Blogger>
</div>
<!-- end main -->
</div>
<!-- end content -->
</body>
</html>