Firdamatic: the Online Design Tool for the Uninspired

Blogger Template

In order for your Firdamatic design to look as intended, please follow these instructions:
-- Disable float alignment. Go to Setting > Formatting > Enable float alignment: No.
-- Republish your blog.
-- Copy and paste the code below over your Blogger/Blogspot template code.
-- Save and republish your blog one more time.
-- Enjoy your blog's brand new look!
If you are using the New Blogger and are getting XML error, go to Dashboard > Layout > Edit HTML and then click the Revert to Classic Template link down the page. Copy and paste the code below over your Blogger/Blogspot template code and Save Template Changes. That should do the trick.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title><$BlogTitle$></title>
<style type="text/css">
body {
	margin: 10px auto;
	padding: 0;
	font-family: ;
	text-align: center;
	background: ;
	color: ;
	}

h1, h2, h3 {
	font-family: ;  
	color: ;
	background: transparent;
	}

p {
	font-family: ;  
	color: ;
	background: transparent;
	}

	a		{ color: ; background: transparent; text-decoration: none;} 
	a:link	{ color: ; background: transparent; } 
	a:visited	{ color: ; background: transparent; } 
	a:active	{ color: ; background: transparent; } 
	a:hover	{ color: ; background: transparent; text-decoration: underline; }

#header {
	margin: 0 auto;
	padding: 0;
	width: 700px;
	height: 150px;
	text-align: left;
	background:  url() no-repeat top center;
	color: ;
	border-top: 1px solid ;
	border-right: 1px solid ;
	border-bottom: 5px solid ;
	border-left: 1px solid ;
	}

#title {
	margin: 0px;
	padding: 50px 0 0 25px;
	background: transparent;
	color: ;
	}	

#title h1 {
	margin: 0;
	padding: 0;
	display: ;
	}	

#container {
	margin: 0 auto;
	padding: 0;
	color: ;
	background: transparent;
	width: 702px;
	text-align: left;
	}

h2.section {
	margin-top: 10px;
	font-size: 13px;
	background: transparent;
	color: ;
	border-bottom: 1px solid ;
	}

#sidebar {
	float: left;
	width: 146px;
	padding: 0px 5px 10px 0px;
	background: transparent;
	color: ;
	}

#sidebar p {
	font-size: 11px;
	margin: 5px 0px;
	}

#sidebar ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

#sidebar li {
	background: transparent;
	font: 11px ;
	color: ;
	}

#content {
	float: left;
	width: 380px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: transparent;
	color: ;
	border-right: 1px solid ;
	border-left: 1px solid ;
	}

h2.date {
	margin-top: 10px;
	padding: 2px 5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.09em;
	text-align: right;
	background: transparent;
	color: ;
	border-top: 1px solid ;
	border-right: 5px solid ;
	}

h3.subject {
	font-size: 12px;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	background: transparent;
	color: ;
	}

div.timestamp {
	font: 11px ;
	letter-spacing: 0.09em;
	margin-top: 10px;
	padding: 0px 5px 2px 5px;
	border-bottom: 1px solid ;
	border-left: 5px solid ;
	}

#content p {
	font-size: 12px;
	margin: 10px 0px 5px 10px;
	}

#comments p {
	font-size: 11px;
	}

div.poster {
	font: 10px ;
	letter-spacing: 0.09em;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0px 5px 2px 5px;
	border-bottom: 1px solid ;
	border-left: 5px solid ;
	}

#rightbar {
	float: left;
	width: 144px;
	padding: 0px 0px 10px 5px;
	background: transparent;
	color: ;
	}

#rightbar p {
	font-size: 11px;
	margin: 5px 0px;
	}

#rightbar ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	}

#rightbar li {
	background: transparent;
	font: 11px ;
	color: ;
	}

#footer {
	margin: 0 auto;
	padding: 0;
	width: 702px;
	text-align: left;
	background: transparent;
	font-size: 10px;
	color: ;
	}

#credits {
	float: left;
	width: 140px;
	padding: 5px;
	background: ;
	color: ;
	border: 1px solid ;
	}

#credits p {
	margin: 0px;
	}

#space {
	float: left;
	width: 540px;
	padding: 5px;
	background: transparent;
	color: ;
	border-top: 1px solid ;
	}
</style>
<!-- Meta Information -->
	<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	<meta name="generator" content="Blogger" />

</head>

<body>
<div id="header">
<div id="title"><h1><a href=""></a></h1></div>
</div>
<div id="container">
<div id="sidebar">
<h2 class="section">About</h2>
<p>Hello. My name is . I have a weblog. You are looking at it. Isn't it cool? There's a weblog behind every cool kid. Really.</p>
    <MainOrArchivePage>
  <h2 class="section">Archives</h2>
    <ul>
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  </BloggerArchives>

  </ul>
  </MainOrArchivePage>
<h2 class="section">Blogroll</h2>
<ul>
<!-- These are links to my friends and, uh, myself. Feel free to get rid of them. //-->
<li><a href="http://forestpirate.ca/">Blue Goo Ate My Mom</a></li>
<li><a href="http://www.galacticmuffin.net/day17/">Day Seventeen</a></li>
<li><a href="http://www.fairvue.com/">Fairvue Central</a></li>
<li><a href="http://www.swirlee.org/">Swirlee</a></li>
<li><a href="http://www.wannabegirl.org/">Weblog Wannabe</a></li>
</ul>
</div>
<div id="content">
<Blogger>
   <BlogDateHeader>
        <h2 class="date"><$BlogDateHeaderDate$></h2>
   </BlogDateHeader>
<h3 class="subject"><a name="<$BlogItemNumber$>"></a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h3>
<p><$BlogItemBody$></p>
<div class="timestamp">Posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a><MainOrArchivePage><BlogItemCommentsEnabled> :: <a href="<$BlogItemPermalinkURL$>">(<$BlogItemCommentCount$>) comments</a>
          </BlogItemCommentsEnabled>
        </MainOrArchivePage></div>
<ItemPage>
	<BlogItemCommentsEnabled>
		<div id="comments">
			<h2 class="section">Read or <$BlogItemCreate$></h2>
			<BlogItemComments>
			<div class="blogComment">
				<a name="<$BlogCommentNumber$>"></a> 
				<p><$BlogCommentBody$></p>
				<div class="poster">Posted by <$BlogCommentAuthor$> @ <$BlogCommentDateTime$> <a href="<$BlogCommentPermalinkURL$>"title="permanent link">#</a></div>
				<$BlogCommentDeleteIcon$>
			</div>
			</BlogItemComments>
			<a href="<$BlogURL$>"><< Home</a>
		</div>
	</BlogItemCommentsEnabled>
	</ItemPage>
</Blogger>
</div>
<div id="rightbar">
<h2 class="section">Listening</h2>
<p>I don't want you to think of me as an eavesdropper so I'll just say that I'm listening to music instead of my neighbour's maid flirting with my other neighbour's driver.</p>
<h2 class="section">Reading</h2>
<p>I like it when people think of me as an intellectual so I will list a bunch of intellectual-sounding books here, even those I don't plan to read.</p>
<h2 class="section">Viewing</h2>
<p>Since I can't list my porn collection here, I'll just leave it this way until I can force myself to watch non-pornographic stuff, which may or may not happen. </p>
</div>
</div>
<div id="footer">
<div id="credits">
<p>Base layout by <a href="http://wannabegirl.org/firdamatic/">Firdamatic</a><br />Graphics by <a href="mailto:"></a><br />Powered by <a href=""></a><br />Valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>
</div>
<div id="space"></div>
</div>
</body>
</html>
<< Back to main