Other Eden

Blogger Layouts / Classic

View preview

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

<html>
<head>

<title>This Other Eden</title>

<style type="text/css">
body { 
  background-image: url(http://cbimg6.com/layouts/08/08/30770aa.gif);
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
  background-position: top left;
  font-family: arial;
  font-size: 0.71em;
  color: #A5C733; 
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000; 
  scrollbar-shadow-color: #000000; 
  scrollbar-3dlight-color: #000000; 
  scrollbar-arrow-color: #A5C733;
  scrollbar-track-color: #A5C733; 
  scrollbar-darkshadow-color: #000000; 
  } 
#image { 
  position: relative; 
  top: 0px;
  left: 0px; 
  width: 800px; 
  height: 600px; 
  background-image: url('http://cbimg6.com/layouts/08/08/30770ab.gif'); 
  background-repeat: no-repeat;
  }
#posts { 
  position: absolute;
  top: 275px;
  left: 95px;
  width: 365px;
  padding: 3px;
  }
#nav { 
  position: absolute;
  top: 400px;
  left: 500px;
  padding: 10px;
  width: 150px;
  text-align: right;
  } 
#nav ul { 
  margin: 3px 0px 0px 0px; 
  padding: 0px;
  list-style-type: none;
  }
#nav ul li {
  margin: 3px;
  }
#nav p { 
  margin: 3px 0px 0px 0px;
  }
#nav ul a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em;
  padding-right: 20px; 
  background-image: url(http://cbimg6.com/layouts/08/08/30770ac.gif); 
  background-repeat: no-repeat; 
  background-position: right top; 
  text-decoration: none;
  }
#nav ul a:hover { 
  color: #A5C733; 
  background-image: url(http://cbimg6.com/layouts/08/08/30770ad.gif); 
  background-repeat: no-repeat;
  background-position: right top;
  }
a {
  color: #A5C733;
  font-weight: bold;
  font-size: 1em; 
  text-decoration: none;
  }
a:hover { 
  color: #FFFFFF;
  }
strong, em, i, b { 
  color: #FFFFFF;
  }
u { 
  text-decoration: none;
  color: #FFFFFF;
  border-bottom: 1px solid #A5C733;
  }
blockquote { 
  color: #000000; 
  background-color: #A5C733; 
  border: 1px solid #000000;
  padding: 3px;
  }
h1 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 20pt;
  line-height: 20px;
  text-align: left;
  letter-spacing: -2pt;
  }
h2 {
  color: #A5C733;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  text-align: left;
  letter-spacing: -2pt;
  margin-top: -20px;
  }
h3 {
  color: #FFFFFF;
  font-family: arial;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 15pt;
  line-height: 15px;
  letter-spacing: -2pt;
  }
  </style>
  </head>

<html>

<div id="image"></div>

<div id="posts">

<MTEntries lastn="7">
<h1><MTDateHeader><$MTEntryDate format="%B %e, %Y"$></MTDateHeader></h1>
<h2><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h2>
<$MTEntryBody$>
<h3>Posted by <$MTEntryAuthor$> at <BlogItemDateTime><$MTEntryDate format="%I:%M:%S %p"$></BlogItemDateTime></h3>
</MTEntries>

</div>

<div id="nav">

<h3>Navigations</h3>
<ul>
<li><a href="http://#">YOURLINKHERE</a></li>
<li><a href="http://#">YOURLINKHERE</a></li>
<li><a href="http://#">YOURLINKHERE</a></li>
<li><a href="http://#">YOURLINKHERE</a></li>
<li><a href="http://#">YOURLINKHERE</a></li>
</ul>

<h3>Archives</h3>
<ul>
<BloggerArchives>
<li><a class="menu" href="<$BlogArchiveURL$>"><$MTArchiveTitle$></a></li>
</BloggerArchives>
</ul>

<h3>Credits</h3>
Layout By Molecular Studios
</ul>

</div>

</html>

Layout Comments

Showing latest 5 of 5 comments

nice design
its diggetty freshhhhhhhhhhhhhhhhhhhhhhhh.

By HollaBack1588 on Sep 8, 2008 4:04 pm

very nice.. i like :)

By forever-without-you on Sep 8, 2008 6:33 am

i LOVE these colous :)

By SammyTheHeadbutt on Aug 26, 2008 8:34 am

Love it.

By Janette on Aug 22, 2008 2:30 am

Cool design and rollovers. :D

By so-sarcastic on Aug 21, 2008 5:13 pm

Layout Details

Designer	Activism
Submitted on	Aug 21, 2008
Page views	45,958
Favorites	112
Comments	5
Reviewer	schizo
Approved on	Aug 21, 2008

Layout Colors

Layout Tags

abstract, colorful, retro, cool, awesome

Layout Tools

Layout Affiliates