Flowery Existence

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Only tested in IE so I'm sorry if looks messed in other browsers like FF or Safari!

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

Help

<html>

<head>

BODY {
scrollbar-face-color: FDE6F6;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-arrow-color: ffffff;
scrollbar-track-color: #ffffff;
background-color: #ffffff;
font-family: Times;
font-size: 10x;
cursor: nw-resize;
text-align:left;
color: #A98EA1;}

td
{ 
font-family: Times;
font-size: 10px;
color: A98EA1; }
}
textarea, input, select {
background: transparent;   
font-family : Times; 
font-size: 10px;   
color: #000000; 
border-color: #000000;   
border-style: solid; 
border-top-width: 1px; 
border-left-width: 1px;
border-right-width: 1px; 
border-bottom-width: 1px;
}
</style>

</head>

<div id="main">

<Blogger>
 <BlogItemTitle>
     <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>

<BlogDateHeader>
  <font color="ffffff" size="2" face="Times New Roman"><$BlogDateHeaderDate$></font>
  </BlogDateHeader> 
</tr>
</table>
  
  
  <div class="post"><a name="<$BlogItemNumber$>"></a>
     
  
     
    <$BlogItemBody$>
        
       <p class="post-footer">
      <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled>
        .. <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> petals</a> ..
      </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>

</p>
  </div>
  
  
  
  
  
 <ItemPage>

<BlogItemCommentsEnabled><a name="comments"></a>
    
    <h4><$BlogItemCommentCount$> Comments:</h4>
    
    <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-data" id="c000000045"><a name="c<$BlogCommentNumber$>"></a>
        At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
	  <$BlogCommentDeleteIcon$>
      </dd>
     </BlogItemComments>
    </dl>
	
	<p>
    <$BlogItemCreate$>
    </p>
  
  </BlogItemCommentsEnabled>
	
	<p>
	<a href="<$BlogURL$>"><< Home</a>
    </p>
    </div>

</ItemPage>

</Blogger>
</div>

</div>

</body>

<table width="100%">
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=ffffff>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML" style="color: 000000;text-decoration:none; font-weight: bold; background-color:none; font-size:12px;">PROFILE</span>
               <BR>
                       </span><center></center></font>
</tr>
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=ffffff>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML" style="color: 000000;text-decoration:none; font-weight: bold; background-color:none; font-size:12px;">ENTRIES</span>
               <BR>
                       </span><center></center></font></td>
</tr>
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=ffffff>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('posts').innerHTML" style="color: 000000;text-decoration:none; font-weight: bold; background-color:none; font-size:12px;">ARCHIVE</span>
               <BR>
                       </span><center></center></font></td>
</tr>
</tr>
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=ffffff>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML" style="color: 000000;text-decoration:none; font-weight: bold; background-color:none; font-size:12px;">LINKS</span>
               <BR>
                       </span><center></center></font></td>
</tr>
</tr></table><BR>

</div>

<table width="100%">
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=DA0395 size=2>ABOUT ME
</font>
</tr>
</table><BR>

NAME<BR>
AGE<BR>
INTERESTS<BR>
DISLIKES<BR>
ETC<BR><BR>

<table width="100%">
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=DA0395 size=2>SITE STUFF
</font>
</tr>
</table><BR>

CARETAKER - Me<BR>
STARTED - whenever I started<BR>
LAYOUT MADE BY - <a href="http://wickedlee.createblog.com/layouts/">Wickedlee</a><BR>
LAYOUT MADE WITH - photoshop 7.0<BR>
ETC ETC ETC<BR>
CREDITS 
</font>
</div>

<table width="100%">
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=DA0395 size=2>PREVIOUS POSTS
</font>
</tr>
</table><BR>

<table width="100%">
<tr>
<td bgcolor="#FDE6F6" style="Filter:Alpha(Opacity=100, FinishOpacity=16, Style=1, StartX=0, StartY=0, FinishX=110, FinishY=100)" align="justify" valign="top">
<font color=DA0395 size=2>ARCHIVES
</font>
</tr>
</table><BR>

<MainOrArchivePage>
 <BloggerArchives>
     <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><BR>
   </BloggerArchives>
      <ArchivePage><a href="<$BlogURL$>">Current Posts</a><BR><BR></ArchivePage>
 
  </MainOrArchivePage> <BR><BR>

</div>

+  <a href="http://createblog.com">Createblog.com</a><BR>
+  <a href="http://www.blogspot.com">Blogspot.com</a><BR>
+  <a href="http://sharbar-art.blogspot.com">SharBar Art</a><BR>

</div>

<div id="entries" style="display: none;">
           
<Blogger>
 <BlogItemTitle>
     <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>

<BlogDateHeader>
  <font color="ffffff" size="2" face="Times New Roman"><$BlogDateHeaderDate$></font>
  </BlogDateHeader> 
</tr>
</table>
  
  
  <div class="post"><a name="<$BlogItemNumber$>"></a>
     
  
     
    <$BlogItemBody$>
        
       <p class="post-footer">
      <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled>
        .. <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> petals</a> ..
      </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>

</p>
  </div>
  
  
  
  
  
 <ItemPage>

<BlogItemCommentsEnabled><a name="comments"></a>
    
    <h4><$BlogItemCommentCount$> Comments:</h4>
    
    <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-data" id="c000000045"><a name="c<$BlogCommentNumber$>"></a>
        At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
	  <$BlogCommentDeleteIcon$>
      </dd>
     </BlogItemComments>
    </dl>
	
	<p>
    <$BlogItemCreate$>
    </p>
  
  </BlogItemCommentsEnabled>
	
	<p>
	<a href="<$BlogURL$>"><< Home</a>
    </p>
    </div>

</ItemPage>

</Blogger>

</div>

</html>

Layout Comments

Showing latest 5 of 5 comments

In order to use this template you will need to go to edit HTML and at the bottom of the page click on "REVERT TO CLASSIC". Click OK
Once you have done that, all you need to do is paste the layout code into the box and TADA your done! It took me a bit but I realized this layout was for "classic" blogger layouts.. It actually says that on the top of this website - Blogger layouts-classic
Hope this helps!

By hhsmiles on Sep 17, 2009 1:20 am

The layout isnt working on my blog... It keeps saying Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "meta" must be terminated by the matching end-tag "".

By Frappuccino on Jun 5, 2009 2:09 pm