TN: L08 Kuroshitsuji.

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Sebastian and Ciel ftw :)

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>The Black Butler</title>

A:link, A:visited, A:active {
font-family: arial;
text-decoration: none;
font-weight: none;
text-transform: lowercase;
color: #1b270d;
line-height: 100%;
}

A:hover {
text-decoration: none;
font-weight: none; 
color: #3e1818; 
text-transform: lowercase; 
cursor: default; 
line-height: 100%;
}

body {
background: url('http://cbimg6.com/layouts/08/12/33065ab.png') no-repeat;
background-color: #000;
font-family: Arial;
color: #000;
font-size: 8pt;
margin: 0px;
padding: 0px;
line-height: 110%;
text-align: justify;
}

#t1 {
width: 40%;
background-color: none;
border: none;
font-family: arial;
font-size: 7pt;
letter-spacing: 0px;
color: #aaa;
line-height: 110%;
margin-top: 395px;
}

.hdr {
font-family: georgia;
font-size: 10pt;
color: #3e1818;
letter-spacing: 0pt;
text-align: left;
font-style: italic;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
}

.date {
font-family: arial;
font-size: 10pt;
color: #3e1818;
letter-spacing: 1pt;
text-align: left;
font-style: none;
padding-left: 0px;
line-height: 100%;
text-transform: lowercase;
}

.subj {
font-family: arial;
font-size: 7pt;
color: #1b270d;
letter-spacing: 1pt;
text-align: left;
font-style: none;
padding-left: 0px;
line-height: 100%;
text-transform: lowercase;
}

.av {
float: left;
padding: 3px;
border: 1px dotted #222;
margin: 5px 5px 3px 0px;
}

blockquote {
border-left: 5px solid #220000;
font-family: courier new;
padding: 10px;
color: #666;
}

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

blockquote:hover {
color: #999;
border-left: 5px solid #320000;
}

::-moz-selection {
color: #fff;
background: #111;
}

b, strong, i, em, s, strike, u, underline {
color: #ddd;
cursor: move;
}

u, underline {
background-color: #361210;
text-decoration: none;
border-bottom: 1px solid #491c1a;
line-height: 150%;
}

</head>
</style>

<body>

<td width="25%" style="background-color: none; padding: 0px 0px 0px 10px; overflow-x: hidden;" valign="top">
<div class="hdr">Information</div>
<b><u>Layout:</u></b> Kuroshitsuji<br>
<b><u>Best viewed:</u></b> Firefox<br>
<b><u>Screen:</u></b> 1280X800<br><br>

<div class="hdr">About me</div>
<img class="av" src="http://cbimg6.com/layouts/08/12/33065aa.png">
Hello my name is Yeling and I'm a relatively good girl. I am a glutton and I eat the weirdest things you can ever imagine. I can be as cold as an ice queen this moment and as hot as the sun the next.<br><br>

<div class="hdr">Tagboard</div>
Your tagboard codes here. Do not exceed the maximum or else it won't look good.<br><br>

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

<div class="hdr">Archive</div>
<Blogger>
<BlogItemTitle>
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a><br>
</BlogItemTitle>
</Blogger><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://leromantique.livejournal.com/" target="_blank">night</a><br>
Image: <a href="http://www.flickr.com/photos/30452583@N04/sets/72157609487553401/with/3036985608/" target="_blank">xo</a><br>
Font: <a href="http://www.dafont.com/" target="_blank">Dafont</a>
</td>
</tr>
</table>
</body>
</html>

Layout Comments

Showing latest 10 of 10 comments

This i really cool, but it's messed up, when you preview it, it doesn't turn out like your screen shot, I know those aren't always accurate, but I went to my blogger and it did the same...

By Nosferatu-lyts on Jul 29, 2010 10:46 pm