Spring Is In The Air.

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

...

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<title>'Spring Is In The Air.</title>
<meta name="keywords" content="jennyybaybiee">
<style type="text/css">

body {
	font-family: georgia;
	font-weight: normal;
	color: #808080;
	font-size: 9px;
	margin: 0;
	padding: 0;
	background: #F8EBD7 url(http://cbimg6.com/layouts/09/06/34772aa.gif);repeat
	scrollbar-face-color: #C9E3D9;
	scrollbar-arrow-color: #D0C29D;
	scrollbar-track-color: #C9E3D9;
	scrollbar-shadow-color: #C9E3D9;
	scrollbar-highlight-color: #C9E3D9;
	scrollbar-3dlight-color: #C9E3D9;
	scrollbar-darkshadow-Color: #C9E3D9;
	}
	
#main {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	height: 510px;
	width: 1024px;
	background: url(http://cbimg6.com/layouts/09/06/34772ab.gif)

no-repeat;
	}

#blog {
    z-index: 1;
	position: absolute;
	}
	
#content {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 365px;
	left: 406px;
	width: 430px;
	z-index: 1;
	padding: 5px;
	}
	
#side {
    position: absolute;
	text-align: left;
	top: 385px;
	left: 165px;
	width: 226px;
	margin: 0px;
	padding-bottom: 0px;
	z-index: 0;
	}

.written {
    font-family: arial;
	font-size: 12px;
	color: black;
	text-align: justify;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-right: 15px;
	margin-top: -1px;
	
	}
	
.written a:link, a:active, a:visited {
	color: #56929b;
	text-decoration: none;
	}
	
.written a:hover { 
	color: #00a2b9;
	text-decoration: none;
	}

#postscript {
    color: #96abab;
    text-align: center;
    font-size: 9px;
	font-weight: none;
	text-transform: lowercase;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 25px;
	}

#postscript span a:link, a:active, a:visited {
	color: #456b70;
	text-decoration: none;
	}
	
#postscript span a:hover{
	color: #434343;
	text-decoration: none;
	}

h1 {
    font-family: century;
	font-weight: normal;
	font-size: 16pt;
	text-transform: lowercase;
	color: #808080;
	letter-spacing: -3px;
	text-align: right;
	margin-bottom: -5px;
	padding-top: 14px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
h2  {font-family: Sylfaen;
	font-weight: normal;
	font-size: 19px;
	letter-spacing: -2px;
	color: #D0C29D;
	text-align: right;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
		}
	
	
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
	color: #D0C29D;
	text-decoration: none;
	}

h3 {
    font-family: century;
	font-weight: normal;
	font-size: 19px;
	text-transform: lowercase;
	letter-spacing: -2px;
	color: #D0C29D;
	text-align: right;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 35px;
	padding-bottom: 12px;
	line-height: 150%;
	}
	
ul {
	font-family: tahoma;
	font-weight: normal;
	color: #808080;
	font-size: 10px;
	list-style-type: none;
	text-transform: lowercase;
	margin-top: -10px;
	margin-left: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	text-align: right;
	line-height: 130%;
	}
	
ul a:link {
    color: #99937a;
	text-decoration: none;
	}

ul a:active {
    color: #99937a;
	text-decoration: none;
	}

ul a:visited {
    color: #99937a;
	text-decoration: none;
	}

ul a:hover {
    color: #99937a;
	letter-spacing: 2px;
	cursor: help;
	}
</style>
</head>

<h1><span><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h1>
			<BlogItemTitle><h2><span><a href="<$BlogItemPermalinkURL$>"

title="Permanent Link">♥ <$BlogItemTitle$></a></span></h2></BlogItemTitle>
			<p><div class="written"><span><$BlogItemBody$></span></div></p><p></p>
			<div id="postscript"> 
				<span class="comments"><BlogItemCommentsEnabled>
				<span style="font-family: times new roman; color: #8C8468;

font-size: 9pt; text-transform: uppercase; font-weight: bold;">Summer, Fall, Winter,

Spring.</span></font><br><$BlogItemDateTime$><br />
				<span style="font-family: times new roman; color: #D0C29D;

font-size: 13pt; text-transform: uppercase; font-weight: bold;"></span>  <a

href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$></a>

commented
				</BlogItemCommentsEnabled></span>
			</div>
			<p>
		</blogger>
</div>
	
	<div id="side">
		<div id="myself">
<br>
<br>
<br>
			<h3 class="info"><span>♥ All About The Girl</span> ; </h3>
			<ul>
				Jennifeer< 3<br />
				Thirteen<br />
				Aquarius<br />
				10 Feb'96<br />
								
			</ul>
		</div>
<h3>♥ Quotes</span> ; </h3>
			<ul>
				
isn't it ironic?
WE IGNORE THE ONE'S WHO ADORE US
ADORE THE ONE'S WHO IGNORE US
LOVE THE ONE'S WHO HURT US
AND HURT THE ONE'S WHO LOVE US.

</ul>
	
	
		<div id="friends">
			<h3 class="links"><span>♥ About Me</span>;</h3>
<ul>brown hair. brown eyes. sensitive.
loveable. couragous. intelligent. tastefull.
				<li>
			</ul>
		</div>
		
<div id="tagboard">
			<h3 class="taggis">♥ leave me a comment</h3>
			<ul>

</ul>
		</div>

<div id="credits">
			<h3 class="leavemessage">♥ otheer links :)</h3>
			<ul><li><a href="http://www.jennyybaybiee.blogspot.com">Jennifeer<3</a></li>
<li><a href="http://jennyybaybeeh.blogspot.com">Jennifeer<3</a> </li>
<div id="tagboard">

</ul>
		</div>

<div id="archive">
			<h3 class="history">♥ Take A Look At The Past<3 </h3>
			<ul>
				<!--Do not edit this part unless you're familiar with

Javascript-->
				<script type="text/javascript">
				var archives = new Array();
	
				<BloggerArchives>
				archives[archives.length] = new Array('<$BlogArchiveURL$>',

'<$BlogArchiveName$>');
				</BloggerArchives>
	
				for (var i=archives.length-1;i>=0;i--)
				{
				document.write('<li><a href="' + archives[i][0] + '">' +

archives[i][1] + '</a></li>');
				}
				</script>
				
			</ul>
		</div>
		
		
	
</div>

</body>
</html>

Layout Comments

Showing latest 10 of 14 comments

It'd be nice if you credited the person that actually made the backgrounds and flowers you used, you do know that shabbyprincess.com has a strict terms of violation policy right?

By xxpinkpoplegendxx on Apr 30, 2010 4:41 pm

This is a BEAUTIFUL layout. There is one thing that bothers me, though...the flowers just cut off suddenly, so it constantly looks like it's still loading.

By lonelycheese15 on Jan 31, 2010 1:01 pm

I'm loving the background and scrapbook feel to it. i agree with everyone else though that the flowers on the side seem kinda awkward that it's cut off but it's still really pretty!!

By wickedlee on Sep 13, 2009 4:21 pm

How do you make layouts like this? What program do you use.. :( i'm new at making these and I have not a clue.

By smileyrawr95 on Aug 19, 2009 9:53 am

wen i put it on the blog .. at the top to the left jennybabbie.blogspot.com appears...how do i remove it

By adwait1010 on Jul 24, 2009 2:21 am

wen i put it on the blog .. at the top to the left jennybabbie.blogspot.com appears...how do i remove it

By adwait1010 on Jul 24, 2009 2:21 am

thanks everyone :)

By babyroxxi on Jun 16, 2009 4:42 pm

Wow, I absolutely love the scrapbook feel of this! The only thing that gets me is how the flowers just cut off on the heading. Other than that, it's beautiful! :D

By oranger0cks on Jun 3, 2009 10:50 am