Can you feel it for Blogger

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>Everything I ask for</title>

body{	background-color : #d8fffc;
	background-image : url('http://i539.photobucket.com/albums/ff359/technicolor-rainbow/morelays/bg-2.png');
	background-repeat : no-repeat;
	background-position: top center;
	font-family: verdana;
	font-size: 9px;
	color: #4b3e3a;}

b, strong{ color: #9383AF; }

m, mark {
color: #744343;
background: #fffcb3;
}

i {
color: #000;
}

u, underline {
text-decoration: none;
border-bottom: 1px dashed #000;
color: #FF4B8E;
}

em, s{	color: #F3A809;}

a:link, a:visited, a:active{
text-decoration: none;
 color: #F93A5B;
}
a:hover{
 color: #ffd74c;
border-bottom: 1px dashed #000;
}

#container{
	position : absolute;
	width : 560px;
	left : 55%;
	top : 20px;
	margin-left : -335px;
	border : 0px solid #000000;
	margin-top : 0px;}
#banner {
	margin-top : 0;
	margin-left : auto;
	margin-right : auto;
	width : 583px;
	height: 561px;
	background-image: url('http://i539.photobucket.com/albums/ff359/technicolor-rainbow/morelays/header.png');
	border-bottom: 0px solid #000000;}

#navigation{
width: 100%;
}
#content {
	margin-top: 0px;
	margin-left: 100px;
	width: 400px;
	background-color: #transparent;
	position: absolute;
	padding: 4px;}

#menu {
width: 400px;
	margin-left: 100px;
text-align: center;
margin-bottom: -10px;}

#menu a, #menu a:link, #menu a:active, #menu a:visited {
color: #000;
text-decoration: none;
margin-right: 10px;
font-family: georgia;
font-size: 18px;
font-style: italic;
letter-spacing: -1px;}

#menu a:hover, #menu a:focus {
color: #F93A5B;
border-bottom: 1px dashed #000;}

#menu span, #menu span:link, #menu span:active {
color: #000;
text-decoration: none;
margin-right: 10px;
font-family: georgia;
font-size: 18px;
font-style: italic;
letter-spacing: -1px;}

#menu span:hover, #menu span:focus {
color: #F93A5B;
border-bottom: 1px dashed #000;}

input { 
border: 1px solid #916a9f;
background-color: #f2e9f5;
font-size: 9px;
font-family: verdana;
line-height: 11px;
color: #916a9f;
}

textarea { 
border: 1px solid #916a9f;
background-color: #f2e9f5;
font-size: 11px;
font-family: georgia;
line-height: 11px;
color: #916a9f;
}
h1 {
color: #000;
background: #ffdc70 url(http://cbimg6.com/layouts/09/02/33677ac.png);
border-right: 0px solid #000;
font-family: Georgia;
font-size: 20px;
line-height: 10px;
text-align: left;
font-style: italic;
padding: 0px;}

::-moz-selection {
background:#ffda9d;
color:#FF0F3A;
}
h2 {
color: #F93A5B
;
background: #ffafcb url(http://cbimg6.com/layouts/09/02/33677ac.png) no-repeat;
border-right: 0px solid #FFDC70;
font-family: Georgia;
font-size: 15px;
line-height: 10px;
text-align: right;
font-style: italic;
padding: 0px;}

</style>
</head>
<body>
<table id="t1" align="center" cellpadding="0" cellspacing="0">
<tr>
</tr>

<!---- MAIN ----!>

<div id="menu">
<span onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"title="Recent">Entries</span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"title="Biography">Profile</span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML"title="Tagboard">Tagboard</span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('past').innerHTML"title="Archive">Archive</span>
</div>
</td>
</tr>

<table style="width: 100%; margin-bottom: -15px;">
<tr>
<td style="font-size: 9px; width: 50%">
<h2>Profiile~</h2>
</td>
<td style=" font-size: 9px; width: 50%;">
<h2>Blah</h2>
</td>

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

</td>
<td style=" font-size: 9px; width: 50%;">

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

</td>

</tr>
</table>

<tr>
<td style="
 font-size: 9px; width: 50%">
<h2>Links</h2>
</td>
<td style=" font-size: 9px; width: 50%;">
<h2>Musik</h2>
</td>

</tr>
</table>

</td>
<td style=" font-size: 9px; width: 50%;">
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>
<b>x.</b><a href="">Link</a><br>

</td>

</tr>
</table>
</center>

</td>
<td style=" font-size: 9px; width: 50%;">
   <center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf?myid=18078729&path=2009/02/05" quality="high" wmode="transparent" flashvars="mycolor=09D9BD&mycolor2=FFD98C&mycolor3=FF408C&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" width="160" height="68" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:160px;height:68px;" />
</center>
</td>

</tr>
</table>
<center>
layout by <a href="http://technicolor-rainbow.createblog.com/">technicolor.rainbow</a><br>
<a href="http://www.gutterspaced.com/">x</a> . <a href="http://www.thingsofrandomcoolness.com/">x</a> . <a href="http://www.createblog.com">x</a></center>

</div>

<!----- START PAGE -----!>

<div id="main">
content content content content 
content content content content 
content content content content 
content content content content 
</td>

<td id="profile" style="display: none;">
<h1>About Me</h1>

content content content content content content content content content content content content content content content content content content content content content content content content content content

</td>

<td id="tag" style="display: none;">
<h1>Shout out</h1>
Cbox here
</td>

<td id="past" style="display: none;">
<h1>By title</h1>
<p><Blogger>
<BlogItemTitle>
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a><br>
</BlogItemTitle>
</Blogger></p>

<h1>By month</h1>
<p><BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives></p>
</td>
</div>
</tr>

Layout Comments

Showing latest 8 of 8 comments

i love this! it works for me but i think theres some problem with the header image and background. look at my blog: http://glowinthebox.blogspot.c om. The header and background image wont show up. how can i fix this or maybe you can help? thanks!^^

By sacchoo on Apr 21, 2009 5:21 am

It's sooo cute in the preview!
...but it doesn't work... =[

By CardboardLyrix126 on Apr 5, 2009 8:51 pm

http://technicolor-rainbow.blo gspot.com/
its working perfectly for me

By technicolor-rainbow on Mar 23, 2009 1:55 pm

This doesn't work :/

By ObnoxiouslyCandied on Mar 19, 2009 5:34 am

Cool image I like the colors

By Medi on Mar 16, 2009 6:50 pm

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "style" must be terminated by the matching end-tag "".

By creolesugar on Feb 14, 2009 6:47 pm