TN: L11 Northern Downpour

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Inspired by P!ATD's lyrics. :)

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hey moon, please forget to fall down</title>

A:link, A:visited, A:active {
font-size: 7pt;
text-decoration: none;
font-weight: none;
background-color: none;
text-transform: lowercase;
color: #c3b08f;
letter-spacing: 0pt;
line-height: 100%;
}

A:hover {
text-decoration: none;
font-weight: none; 
color: #cb5c36; 
letter-spacing: 0pt; 
text-transform: lowercase; 
cursor: hand; 
background-color: none; 
line-height: 100%;
}

A.box {
display: block;
background-color: #e0ddd6;
border-bottom: 1px dotted #d1cdc4;
padding: 2px 0px 0px 0px;
}

A.box:hover {
padding-left: 10px;
}

body {
background-color: #9a9691;
font-family: Arial;
color: #000;
font-size: 8pt;
margin: 0px;
padding: 0px;
line-height: 110%;
text-align: justify;
}

#t1 {
width: 506px;
background-color: none;
border: none;
font-family: tahoma;
font-size: 7pt;
letter-spacing: 0px;
color: #555;
line-height: 110%;
margin-top: 50px;
}

.hdr {
font-family: georgia;
font-size: 9pt;
color: #444;
letter-spacing: -0.5pt;
text-align: left;
font-style: italic;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
background-color: #eee;
border-bottom: 2px solid #ccc;
margin-bottom: 5px;
}

.date {
font-family: arial;
font-size: 7pt;
color: #444;
letter-spacing: 0pt;
text-align: left;
line-height: 100%;
text-transform: uppercase;
font-style: none;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
background-color: #eee;
margin-bottom: 5px;
}

.subj {
font-family: georgia;
font-size: 9pt;
color: #444;
font-style: italic;
letter-spacing: -0.5pt;
text-align: left;
line-height: 100%;
margin-bottom: 2px;
}

blockquote {
border: 1px solid #e1e1e1;
background-color: #e5e5e5;
padding: 10px;
color: #777;
}

blockquote:first-letter {
font-size: 13pt;
font-style: italic;
font-family: Georgia;
}

blockquote:hover {
border: 1px solid #d8d8d8;
color: #555;
}

::-moz-selection {
background: #ecece6;
color: #999;
}

b, strong, i, em, s, strike, u, underline {
cursor: move;
font-family: arial;
}

i, em, s, strike {
color: #9e8b6b;
}

b, strong {
color: #000;
background-color: #cdc2a3;
text-transform: uppercase;
padding: 2px;
line-height: 170%;
}

u, underline {
color: #9e8b6b;
text-decoration: none;
border-bottom: 1px solid #9e8b6b;
line-height: 150%;
}

</head>
</style>

<td width="28%" style="background-color: #e0ddd6; padding: 0px 3px 5px 3px; overflow-x: hidden;" valign="top">
<div class="hdr">Information</div>
<b>Layout:</b> Northern Downpour<br>
<b>Browser:</b> Mozilla Firefox<br>
<b>Screen:</b> 1280X800<br><br>

<div class="hdr">About</div>
Hello my name is Yeling and I'm a relatively good girl. I have an absolutely sweet tooth and I like chocolates and candy floss although they make me look kiddish most of the time. I am irrationally and irrevocably in love with you but the unrequited love tears me apart.<br><br>

<div class="hdr">Affiliates</div>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Hibari</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Rokudo</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Tsuna</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Colonello</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Kyoko</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Yamamoto</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Gokudera</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Reborn</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Haru</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Ryohei</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Chrome</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Lambo</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">I-Pin</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Lal</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Viper</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Squalo</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Skull</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Xanxus</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Ciel</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="box">Sebastian</a><br><br>

<div class="hdr">Tagboard</div>
Cbox/shoutmix/haloscan/anything that resembles a tagboard here.<br><br>

<div class="hdr">Credits</div>
Layout: <a href="http://www.blogskins.com/me/tuesdaynight" target="_blank">tues</a><a href="http://tuesdaynight.co.nr/" target="_blank">day</a><a href="http://papermannequins.livejournal.com/" target="_blank">night</a><br>
Resources: <a href="http://www.flickr.com/photos/23992608@N06/3230534889/" target="_blank">1</a> <a href="http://www.kao-ani.com/" target="_blank">2</a>
</td>
</tr>
</table>
</body>
</html>

Layout Comments

Showing latest 10 of 38 comments

Hey all. I'm back. I didn't realize the link expired.
I'll be uploading how to add comments again on my blog:
calkyulus. blog spot. com =) Search for the very first entry in April 2009.

By sleepwalkerdreams on Jan 5, 2010 9:30 am

I LOVE this layout.
I had it on my Blog for so long. -laughs-
(FAVS)

By failayouts on Sep 27, 2009 9:18 pm

I need help! so my blogs are long and i would like to have all of them in a scroll box, because my page is just beginning to get longer and longer everytime which means the sidebar gets longer as well... so does anyone know a scroll box i can put and where to put it at?

By TheRandomAlex on Aug 5, 2009 12:33 pm

ugh like everyone here, since yesterday i been dealing with the comment button thing, can someone figure out how to get it on the page, like i tried everything seriously, i even tried adding a seperate commen box on the sidebar which would be wayyyy better but i couldn't, cause is not like myspace you know...but i wished i had a comment bx on the sidebar that worked like myspace...or atleast like everyone else the comment option under each blog...

By TheRandomAlex on Jul 30, 2009 7:56 pm

scratch that, it looks like the icon of the preview, not like when you clik to see the preview....but thats a good thing :), it turne dout nicely im glad, tomorrow ill work with it make it my own :P

By TheRandomAlex on Jul 29, 2009 12:35 am

i figure dit out yay! im good now, i just have to work with it, cause it doesn't look exactly like i nthe preview :\

By TheRandomAlex on Jul 29, 2009 12:28 am

Damn i get the same message as ZerotoHero, please someone help me quick. you can contact me at TheRandomAlex@aim.com mail me or better yet Im me i'm always on. thanks.

By TheRandomAlex on Jul 28, 2009 11:18 pm

will someone explain how to add the comments? thanks!

By elove on Jul 19, 2009 9:34 am

Can someone tell me how to add a Comment button?
I really want to know!!!!!

By Vestido on Jul 14, 2009 5:25 pm

omg. i just realized how awesome this layout is.
i love im thinking bout using it. tehe
goodtoseaulove.blogspot. com
im new here ;D

By cheyluvHK on Jul 4, 2009 4:24 am

View all »

Layout Details

Designer	tuesdaynight
Submitted on	Jan 28, 2009
Page views	52,750
Favorites	103
Comments	38
Reviewer	manny-the-dino
Approved on	Jan 29, 2009

TN: L11 Northern Downpour

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates