Death Cab for Cutie Layout

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

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>someday you will be loved. [death cab for cutie]</title>

#navbar-iframe {
   display: none !important;
}

a {color:#666; text-decoration:none;}
a:hover {color:#dfdfdf; background-color:#fff; text-decoration:none; cursor:none;}

.class1 a {color:#000; text-decoration:none;}
.class1 a:hover {color:#fff; text-decoration:none; background-color:#5da2c8; border:1px solid #4083A8; cursor:help;}
.class1 {text-transform:lowercase;}

body {background-color:#5DA2C8; font-family:Arial, Helvetica, sans-serif; font-size:100%; height:100%;}
#container {position:absolute; top:0px; left:50%; margin-left:-260px; width:520px; background-color:#FFF;}
#header {padding-top:10px; padding-left:10px; padding-right:10px;}
#sidenav {width:94px; float:left; font-size:0.7em; background-color:#fff;}
#blogmain {width:413px; float:left; font-size:0.7em; background-color:#fff; padding:3px;}
#footer {font-size:0.6em; text-align:right; padding-right:1px; text-transform:lowercase; padding-bottom:1px; width:520px; float:left;}

.headersub {font-family:Georgia, "Times New Roman", Times, serif; font-size:0.6em; font-style:italic; text-transform:lowercase; color:#5DA2C8; padding-left:10px; padding-right:10px; border-bottom:1px dotted #5DA2C8; text-align:right;}
.navigationhead {background-color:#dfdfdf; text-transform:lowercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center;}

.blogtitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; text-transform:lowercase; line-height:90%; color:#999; font-style:italic; text-align:right;}
.blogdate {font-size:0.7em; line-height:90%; text-align:right;}
.blogentry {font-size:0.8em; line-height:95%; padding:20px;}
.blogfooter {font-size:0.7em; line-height:95%; text-align:left; border-bottom:3px solid #999; padding-left:20px; padding-bottom:3px;}

</style>
</head>

<body>

<div id="header"><img src="http://cbimg6.com/layouts/09/09/35669aa.png" /></div>
<div id="headersub"><div class="headersub">I know your heart belongs to someone you've yet to meet</div></div>
<div id="sidenav"><div class="navigationhead">About</div>
<span class="class1">Write anything about you or your blog in this area.</span><br />
<div class="navigationhead">Linkage</div>
<span class="class1"><a href="http://fratellish.blogspot.com/">Fratellish</a><br />
<a href="http://twitter.com/panique">Twitter</a><br />
<a href="http://lastfm.com/user/fratelle/">Last.fm</a></span>
<div class="navigationhead">Archives</div>
<span class="class1"><BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br>
</BloggerArchives></span>
</div>

<div class="blogfooter"><a href="<$BlogItemPermalinkURL$>"><title="permanent link">Posted by <$BlogItemAuthorNickname$></a> | <$BlogItemDateTime$> <a href="javascript:HaloScan('<$BlogItemNumber$>');" <br /><target="_self"><script type="text/javascript">postCount('<$BlogItemNumber$>'); </script></a><BlogItemCommentsEnabled>
   <a href="<$BlogItemCommentCreate$>" 
   <$BlogItemCommentFormOnClick$>>
   <$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></div>

<h4><$BlogItemCommentCount$> Comments:</h4>

</BlogItemComments>

<p><a href="<$BlogItemCommentCreate$>" 
   <$BlogItemCommentFormOnClick$>>
   Post a Comment</a></p>

</BlogItemCommentsEnabled></div>

</ItemPage>

</Blogger>
</div>

<div id="footer">Layout created by <a href="http://www.fratellish.blogspot.com/">Pani</a>. Lyrics by <a href="http://www.deathcabforcutie.com/home">Death Cab For Cutie</a>.</div>

</div>

</body>
</html>

Layout Comments

Showing latest 10 of 11 comments

Do you know how to fix something I'm having trouble with? I used your layout (Death Cab for Cutie). My comments don't hide. I don't know if that makes sense but...uh...you know how it says "1 comment(s)" on an entry, and then you click on it, THEN it shows the comment? My thing just shows the comment underneath the thing that says 1 comment for some reason.

I'd love if you could help me! Email me at shannon.riley (at) hotmail (dot) com.

By bradyincognito on Jun 22, 2010 1:11 am

can i use this but change the picture to hey monday for my fansite?

By lilmzbrown on Nov 25, 2009 2:07 am

Nice colors, this looks great :)

By sweetalacrity on Sep 5, 2009 1:55 pm

Wow.This is wonderful =D Congrats.

By T-Rex on Sep 4, 2009 9:46 pm

love the colors and the picture :D

By LifesLushLips on Sep 4, 2009 7:13 pm

I love it :D

By StandardEdition on Sep 4, 2009 6:50 pm

View all »

Layout Details

Designer	Panique
Submitted on	Sep 4, 2009
Page views	15,891
Favorites	4
Comments	11
Reviewer	Cristy
Approved on	Sep 4, 2009

Death Cab for Cutie Layout

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates