Wink Wink Nudge Nudge

Designer's Comments

Look carefully for specific instructions

Here's a relatively simple yet pleasant blogger design with a sexy woman.

Rest assured this one looks good in IE and FF (on Mac & PC).

For more of my designs:
http://freebloggerdesigns.blogspot.com/

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">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!--

.style11 {color: #333333}

.testpic {

background-color: #FFFFCC;

}

-->

</style>
<$BlogMetaData$>

/*

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

BLOGGER

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

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

GENERIC STYLE

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

body {
	background-position: center;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	letter-spacing: normal;
	color: #000000;
	background-image: url();
	background-color: #FFFFFF;
}

a:link {

color: #FF3300;

text-decoration: none;

}

a:visited {

color: #FF3300;

text-decoration: none;

}

a:hover {

color: #000000;

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;
	list-style-image: url(http://cbimg6.com/layouts/07/09/04/21281ab.gif);
}

#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: #FFFFFF;

border: 1px solid #000000;

padding: 10px;

font-style: oblique;

margin-left: 10%;

margin-right: 10%;

color: #000000;

}

a img {

border: 0px;

}

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

BLOG STYLE

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

#box {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 780px;
	background-color: #FFFFFF;
}

#head {

background-image: url(http://cbimg6.com/layouts/07/09/04/21281ad.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: 210px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

#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-color: #FFFFFF;
}

#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: Verdana, Arial, 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: 10px;

color: #000000;

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

}

.voicemenu {
	color: #000000;
	font-size: 12px;
	padding: 3px 5px 3px 0px;
	margin-bottom: 5px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	;
	border-bottom: 2px solid #333333;
	font-weight: bold;
}

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

POST STYLE

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

.divlog {

padding: 0px 5px;

background-color: transparent;

margin-bottom: 40px;

width: 450px;

}

.titlepost {

text-align: left;

color: #FF3300;

font-size: 14px;

font-weight: bolder;

text-transform: capitalize;

padding: 0px 5px;

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

}

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

color: #FF3300;

text-decoration: none;

font-weight: bolder;

}

.titlepost a:hover {

color: #CCCCCC;

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: 10px;

text-align: left;

padding-left: 5px;

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

}

.text {

color: #000000;

font-size: 10px;

text-align: justify;

margin-top: 9px;

margin-right: 0px;

margin-bottom: 9px;

margin-left: 0px;

padding-right: 0px;

padding-left: 8px;

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

}

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

COMMENTS STYLE

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

#comments {

text-align: left;

color: #000000;

font-size: 10px;

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

text-transform: capitalize;

padding: 0px 0px 2px;

margin: 20px 0px;

}

.comment-body{

color: #000000;

font-size: 10px;

text-align: left;

margin: 5px;

font-weight: normal;

padding: 0px;

width: auto;

float: none;

}

.data-comments {

text-align: left;

color: #000000;

font-size: 10px;

font-family: Verdana, Arial, 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: Verdana, Arial, Helvetica, sans-serif;

}

.home {

float: right;

}

.style3 {

color: #000000;

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

}

.style5 {

color: #333333;

font-weight: bolder;

font-size: 12px;

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

}

.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>

</span>
<br />
<br><br>
<div class="boxmenu">

About me: </div>
 <p align="center"><span class="style6">Name:</span> <$BlogOwnerFullName$><br />
                     <span class="style6">Home:</span> <$BlogOwnerLocation$><br />
                     <span class="style6">About Me:</span> <$BlogOwnerAboutMe$><br />
                     <br />
                 <a href="<$BlogOwnerProfileUrl$>" class="style9">See my  profile...</a></p>
</div>

Links: </div>

<ul>

</div>

Archives

</div>

<ul>

</BloggerArchives>

</ul>

</div>

Previous entries

</div>

<ul>

</BloggerPreviousItems>

</ul>

</div>

Etc.</div>

<div align="center">              <div align="center"></div>
  <a href="http://www.suckmylolly.com"><img src=http://cbimg6.com/layouts/07/09/04/21281aa.gif border="0"></a><br />
  Dingbat font - Elvgren Pin-ups
  <br />
<br />
  <strong>RSS</strong>: <a href="<$BlogSiteFeedUrl$>">Site Feed</a><br />
<br>

<br />

<br>

<br />

</div>

</div>

<div align="left"><a href="<$BlogItemPermalinkURL$>" title="permalink"><img src=http://cbimg6.com/layouts/07/09/04/21281ab.gif> <$BlogItemTitle$></a></div>

</div>

</div>

<div class="data">
<div align="left"><br>
  <img src=http://cbimg6.com/layouts/07/09/04/21281ac.gif align="absmiddle"> <$BlogItemAuthorNickname$> at <$BlogItemDateTime$><$BlogItemControl$> |<MainOrArchivePage><BlogItemCommentsEnabled><span class="style6"><a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"> <$BlogItemCommentCount$> comments</a></span></BlogItemCommentsEnabled></MainOrArchivePage><strong><MainOrArchivePage><BlogItemCommentsEnabled> </BlogItemCommentsEnabled></MainOrArchivePage>

</BlogItemCommentsEnabled></ItemPage><strong><ItemPage><BlogItemCommentsEnabled>  </BlogItemCommentsEnabled></ItemPage></strong></strong><strong><ItemPage><BlogItemCommentsEnabled></BlogItemCommentsEnabled></ItemPage></strong></div>
<ItemPage><BlogItemCommentsEnabled><br />

<div class="style3" id="comments"><$BlogItemCommentCount$> Comments:</div>

<$BlogItemCreate$></div>

<br />

At <a href="<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <b><$BlogCommentAuthor$> </b>said........

<$BlogCommentBody$><br />

<$BlogCommentDeleteIcon$><br />

<br>

</div>

</BlogItemComments>

</BlogItemCommentsEnabled> </ItemPage> </div>

</div>

</Blogger>

</div>

</div>

</body>

</html>

Layout Comments

Showing latest 5 of 5 comments

Hey, this is really awesome! I'm using it now and I absolutely LOVE it. But commenting is broken. Is there some way I can fix this? I want to keep using it.

By saucydisco on Feb 8, 2010 9:28 pm

Hey, this is really awesome! I'm using it now and I absolutely LOVE it. But commenting is "broken." Visitors have a box in which they type their comments, but the send and preview buttons don't work and the drop down box isn't working. Is there some way I can fix this? I want to keep using it.

By saucydisco on Feb 8, 2010 9:28 pm

Love it, but how do I hide the title?

By aisforalexander on Dec 6, 2009 9:27 pm

Excellent. I love it.

By megaluna2 on Aug 5, 2008 12:53 pm

cute!

i like the pinup image

By xeviloompaloompa on Feb 17, 2008 7:16 pm

Layout Details

Designer	suckmylolly
Submitted on	Sep 3, 2007
Page views	34,190
Favorites	44
Comments	5
Reviewer	ThomasC
Approved on	Sep 4, 2007

Wink Wink Nudge Nudge

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates