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 6 of 6 comments

I keep trying the codes here and they won't work

By happisnewwhovian on Jan 7, 2012 2:35 pm

nice design
its diggetty freshhhhhhhhhhhhhhhhhhhhhhhh.

By fadedxstars 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 futura 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	firechild
Submitted on	Aug 21, 2008
Page views	61,036
Favorites	127
Comments	6
Reviewer	schizo
Approved on	Aug 21, 2008

Layout Colors

Layout Tags

abstract, colorful, retro, cool, awesome

Layout Tools

Layout Affiliates

Here I Stand Layouts