And by the way....

Designer's Comments

Look carefully for specific instructions

This looks good in IE and FF and is really pretty! It includes a gorgeous quote from Sylvia Plath and some swriyl flowers.

If you're looking for more designs, please visit my site:

suckmylolly.com

xx

ps* please do not remove the link back to me as this is released under Creative Commons Attribution 3.0 Unported License (ie: you can change it but keep the link back to me).

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.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!-- Template by Free Awesome Blogger Designs

download free at http://freebloggerdesigns.blogspot.com-->

<!--

.style11 {color: #333333}

.testpic {

background-color: #FFFFCC;

}

-->

</style>
<$BlogMetaData$>

/*

=========================================================

BLOGGER

========================================================= */

/* ---------------------------------

GENERIC STYLE

--------------------------------- */

body {
	background-position: center;
	background-attachment: fixed;
	font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	letter-spacing: normal;
	color: #000000;
	background-image: url();
	background-color: #666666;
}

a:link {

color: #821D34;

text-decoration: none;

}

a:visited {

color: #663333;

text-decoration: none;

}

a:hover {

color: #333333;

text-decoration: none;

}

input,textarea {

background-color: #FFFFFF;

color: #000000;

}

ul {

margin-top: 5px;

margin-left: 25px;

margin-bottom: 5px;

padding-left: 2px;

}

li {

background: transparent;

padding: 0px;

}

#menu ul{

margin-top: 5px;

margin-bottom: 5px;

margin-left: 15px;

list-style-type: square;

}

#menu li {

background: transparent;

padding: 0px;

font-size: 11px;

list-style-type: square;

}

.titolinilog ul{

margin-top: 5px;

margin-bottom: 5px;

margin-left: 5px;

list-style-type: square;

}

.titolinilog li {

background: transparent;

padding: 0px;

font-size: 11px;

}

blockquote {

background-color: #CC9999;

border: 1px solid #440000;

padding: 10px;

font-style: oblique;

margin-left: 10%;

margin-right: 10%;

color: #000000;

}

a img {

border: 0px;

}

/* ---------------------------------

BLOG STYLE

--------------------------------- */

#box {

color: #000000;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

font-size: 11px;

margin-left: auto;

margin-right: auto;

margin-top: 40px;

width: 850px;

background-image: url(http://cbimg6.com/layouts/07/10/29/22753ac.gif);

background-repeat: repeat;

}

#head {

background-image: url(http://cbimg6.com/layouts/07/10/29/22753ad.gif);

height: 263px;

border: 0px solid #FFFFFF;

margin-bottom: 15px;

text-align: left;

}

#menu {

float: right;

text-align: left;

font-size: 11px;

color: #FFFFFF;

width: 245px;

margin-bottom: 10px;

padding-top: 10px;

padding-right: 35px;

}

#boxblog {

padding-top: 15px;

float: left;

text-align: justify;

margin-bottom: 10px;

margin-left: 20px;

padding-right: 15px;

padding-bottom: 15px;

padding-left: 10px;

}

#footer {
	height: 10px;
	clear: both;
	font-size: 10px;
	color: #000000;
	text-align: center;
	background-image: url(http://cbimg6.com/layouts/07/10/29/22753ae.gif);
}

#credits {

font-size: 10px;

font-weight: bold;

color: #000000;

text-align: center;

padding-top: 5px;

}

#credits a:link, #credits a:visited, #credits a:hover {

color: #333333;

text-decoration: none;

}

/* ---------------------------------

HEADER CONTENT STYLE

--------------------------------- */

#blogtitle {

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

font-size: 16px;

text-align: left;

text-decoration: none;

color: #333333;

padding-top: 20px;

padding-left: 10px;

}

#blogtitle a:link, #blogtitle a:visited {

color: #000000;

text-decoration: none;

}

#blogtitle a:hover {

color: #FFFFFF;

text-decoration: none;

}

#blogdescription {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

text-align: left;

margin: 5px 0px 0px 5px;

padding-left: 10px;

font-weight: lighter;

color: #000000;

vertical-align: middle;

}

/* ---------------------------------

MENU STYLE

--------------------------------- */

.boxmenu {

margin-bottom: 25px;

text-align: left;

padding: 0px 5px 0px 5px;

font-size: 11px;

color: #000000;

font-family: "font-family: Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;;

}

.voicemenu {
	color: #660000;
	font-size: 14px;
	padding: 3px 5px 3px 0px;
	margin-bottom: 5px;
	text-align: center;
	font-family: "font-family: Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
;
	border-bottom: 2px solid #333333;
}

/* ---------------------------------

POST STYLE

--------------------------------- */

.divlog {

padding: 0px 5px;

background-color: transparent;

margin-bottom: 40px;

width: 460px;

}

.titlepost {

text-align: left;

color: #330000;

font-size: 16px;

font-weight: bolder;

text-transform: capitalize;

padding: 0px 5px;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

}

.titlepost a:link, .titlepost a:visited {

color: #330000;

text-decoration: none;

font-weight: bolder;

}

.titlepost a:hover {

color: #333333;

text-decoration: none;

}

.datepost {

color: #FFFFFF;

font-size: 36px;

font-weight: lighter;

text-transform: lowercase;

text-align: right;

float: right;

padding-top: 3px;

}

.data {

color: #000000;

font-size: 12px;

text-align: left;

padding-left: 5px;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

}

.text {

color: #000000;

font-size: 12px;

text-align: justify;

margin-top: 9px;

margin-right: 0px;

margin-bottom: 9px;

margin-left: 0px;

padding-right: 0px;

padding-left: 8px;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

}

/* ---------------------------------

COMMENTS STYLE

--------------------------------- */

#comments {

text-align: left;

color: #000000;

font-size: 12px;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

text-transform: capitalize;

padding: 0px 0px 2px;

margin: 20px 0px;

}

.comment-body{

color: #000000;

font-size: 12px;

text-align: left;

margin: 5px;

font-weight: normal;

padding: 0px;

width: auto;

float: none;

}

.data-comments {

text-align: left;

color: #000000;

font-size: 12px;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

font-weight: bold;

text-transform: capitalize;

border-bottom: 0px solid #FFFFFF;

border-top: 0px solid #FFFFFF;

padding: 2px 0px;

margin: 20px 0px;

}

.comment-data {

border-bottom: 1px solid #FFFFFF;

border-top: 1px solid #FFFFFF;

color: #000000;

text-transform: capitalize;

text-align: left;

font-size: 12px;

padding-bottom: 2px;

padding-left: 3px;

padding-top: 5px;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

}

.home {

float: right;

}

.style3 {

color: #000000;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

}

.style5 {

color: #333333;

font-weight: bolder;

font-size: 12px;

font-family: Lucida Grande, Lucida Sans Unicode, Trebuchet MS, Verdana, Helvetica, sans-serif;

}

.style9 {color: #CC0033}

.style6 { font-weight: bold;

}

body,td,th {
	color: #000000;
}
.footermeta {	color: #fff;
	font-size: 11px;
	float: right;
	margin: 0 10px 10px 0;
}
</style>

</head>

<body>

</div>

</div>

</div>

</span>

About Me </div>

<div align="left"><strong>
<p align="center"> <img src="<$BlogOwnerPhotoUrl$>" width="95" height="113" border="1"></p>

Name:</strong> <$BlogOwnerFullName$><br />

<span class="style6">About Me:</span> <$BlogOwnerAboutMe$></p>

<p align="center"><a href="<$BlogOwnerProfileUrl$>" class="style9">See my profile...</a></p>
</div>

</div>

Links</div>

<ul>

</div>

Layout Comments

Showing latest 10 of 15 comments

lovely!

By Crazybluebird on Oct 26, 2008 2:19 pm

if the template is not working you are probably trying to add it to the NEW BLOGGER which using xml... or something like that. you have to scroll to the bottom of the page... below where you just got the error message and switch to the [CLASSIC]. then insert the code and you it should work fine.

By cokeslikepaper on Jun 22, 2008 10:32 am

Er... Suckmylolly, I get that error too! Help! I really like this template too. =(

By ashleighchopra on Mar 24, 2008 8:48 am

anniez-lyts: get your facts straight. The code IS CORRECT and WILL WORK on blogger. It is for OLD/CLASSIC blogger though (clearly stated) and is not for widgets - the XML version can be downloaded from my website: www.suckmylolly.com

By suckmylolly on Feb 15, 2008 11:28 am

This template code is not right, therefore, it won't work on blogger. Maybe you should find the right code. :]

By anniez-lyts on Feb 2, 2008 6:01 pm

i'm gonna use it but it removes your music

By brianslamb1 on Jan 27, 2008 11:16 am

bbuttercupp, click revert to classic on the bottom left and then copy and paste the html. It should work then.

By CheshireCat8596 on Dec 21, 2007 2:56 pm

Thank you this looks great! But, I keep getting this error..."We were unable to preview your template
Please correct the error below, and submit your template again.
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 content of elements must consist of well-formed character data or markup."

Help? plz

By bbuttercupp on Nov 29, 2007 11:56 pm

i'm going to get a blogger just to use this.

I love sylvia plath

By mal_err_eee on Nov 5, 2007 2:12 pm

I pasted it in, but it says ..
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 content of elements must consist of well-formed character data or markup.

By ravelynd on Nov 3, 2007 1:10 am

View all »

Layout Details

Designer	suckmylolly
Submitted on	Oct 29, 2007
Page views	83,313
Favorites	177
Comments	15
Reviewer	IVIike
Approved on	Oct 29, 2007

And by the way....

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates