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

[url=http://www.uggbootsbuyonl ine.com/] UGG Bailey Button [/url]
[url=http://www.uggboo tsbuyonline.com/] UGG Classic Mini [/url]
[url=http://www.uggboo tsbuyonline.com/] UGG Locarno [/url]
[url=http://www.uggboo tsbuyonline.com/] UGG Ultra Tall [/url]

By shoes5 on Nov 28, 2009 11:00 am

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

By lilmzbrown on Nov 25, 2009 2:07 am

Good work! Yesterday I received my first pair of Ugg boots for my present and I have fallen in love with them. The most important thing is, all uggs boots on sale in this store are very nice, discount, free shipping, lol!!!

Share more uggs boots on sale on http://www.buddyugg.com

By panshuiping on Nov 16, 2009 12:44 am

Our greatest glory uggs boots consists not in never falling but in rising every ugg lo pro button time we fall.It is not enough ugg boots to be industrious, so are the ants. What are you industrious about ugg knightsbridge? You have to believe in yourself. That's the ugg bailey button secret of sucess. A wise man never loses anything if he has himself. To be without some of the things you want is an indispensable part of happiness. http://www.ezugg.com/

By number1 on Nov 8, 2009 6:56 am

Our greatest glory [url=http://www.ezugg.com/]ugg s boots [/url] consists not in never falling but in rising every [url=http://www.ezugg.com/wome ns-ugg-ugg-lo-pro-button-c-1_1 28.html]ugg lo pro button [/url] time we fall.It is not enough [url=http://www.ezugg.com/]ugg boots [/url] to be industrious, so are the ants. What are you industrious about [url=http://www.ezugg.com/wome ns-ugg-ugg-knightsbridge-c-1_3 2.html]ugg knightsbridge[/url]? You have to believe in yourself. That's the [url=http://www.ezugg.com/wome ns-ugg-ugg-bailey-button-c-1_4 .html]ugg bailey button[/url] secret of sucess. A wise man never loses anything if he has himself. To be without some of the things you want is an indispensable part of happiness. [url=http://www.ezugg.com/]htt p://www.ezugg.com/[/url]

By number1 on Nov 8, 2009 6:56 am

Our greatest glory uggs boots consists not in never falling but in rising every ugg lo pro button time we fall.It is not enough ugg boots to be industrious, so are the ants. What are you industrious about ugg knightsbridge? You have to believe in yourself. That's the ugg bailey button secret of sucess. A wise man never loses anything if he has himself. To be without some of the things you want is an indispensable part of happiness. http://www.ezugg.com/

By number1 on Nov 8, 2009 6:55 am