Good Morning

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

<HTML>
<head>
<title>good morning</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
</script>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background: url(http://cbimg9.com/layouts/08/11/32656ab.png);
font-family: "Tahoma", sans-serif;
font-size: 7.5pt;
font-weight: normal;
color: #a0a0a0;
text-align: center;
}
a:link, a:visited, a:active {
background-color: #f4f4f4;
color: #ff6050;
cursor: help;
text-decoration: none;
}
a:hover {
background-color: #f4f4f4;
color: #faf00d;
cursor: help;
text-decoration: line-through;
}
#main {
margin: 0 auto;
text-align: justify;
width: 374px;
}
#navigations {
background: trasnparent;
text-align: center;
word-spacing: 15px;
}
.navigation {
font-family: "Tahoma", sans-serif;
font-size: 7.5pt;
font-weight: normal;
color: #008c9a;
cursor: help;
line-height: 200%;
text-transform: uppercase;
}
#content {
background: url(http://cbimg9.com/layouts/08/11/32656ac.png);
padding: 5px;
}

.h1 {
color:#ded54d;
background-color: #ffffff;
text-transform:uppercase;
font-family:SMALL FONTS;
font-size:8px;
font-weight:;
text-align:center;
}
 
.h2 {
 font-size: 12pt;
 color:#ff6050;
 line-height: 5px;
 letter-spacing: -1pt;
 background:#f4f4f4;
 background-repeat: no-repeat;
 background-attachment: fixed;
 font-family: "arial";
        border-left:0px black dashed;
        border-top:px black dashed;
        border-bottom:2px #faf00d dashed;
        border-right:0px black dashed;
 font-weight:none;
 text-align:center;
 padding:5px;
 }
}
</style>
</head>
<body>
<div id="main">
<img src="http://cbimg9.com/layouts/08/11/32656aa.png" /><br />
<div id="navigations">
<span class="navigation" onClick="changeNavigation('profile')">profile</span>
<span class="navigation" onClick="changeNavigation('journal')">journal</span>
<span class="navigation" onClick="changeNavigation('links')">links</span>
<span class="navigation" onClick="changeNavigation('tagboard')">tagboard</span>

</div>
<div id="content">
<div class="h2">welcome</div>
Nothing to do to save his life <br>
call his wife in <br>
Nothing say but what a day <br>
how's your boy been <br>
Nothing to do, it's up to you <br>
I've got noting to say but it's O.K. <br>
Good morning, good morning, good morning <br>
Going to work don't want to go<br>
feeling low down <br>
Heading for home you start to roam <br>
then you're in town <br>
Everybody knows there's nothing doing <br>
Everything is closed, it's like a ruin <br>
Everyone you see is half asleep <br>
And you're on your own, you're in the street <br>

</div>
<div id="profile" style="display: none;">
<div class="h2">profile</div>
bla bla bla D:
</div>
<div id="journal" style="display: none;">
<Blogger>
<div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>, <$BlogItemDateTime$></div>
<div class="h2"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$BlogItemBody$><br />
</Blogger>
</div>
<div id="links" style="display: none;">
<div class="h2">friends</div>
<a href="">link</a>.<a href="">link</a>.<a href="">link</a>.<a href="">link</a>
<br /><br />
<div class="h2">credits</div>
<strong>Layout:</strong> <a href="http://quetuatia.blogspot.com/">infra</a><a href="http://infravermelho.createblog.com/">vermelho</a><br />
<strong>Inspiration:</strong><a href="http://blogskins.com/info/219055">doughnutcrazy</a><br />
<strong>Images:</strong> <a href="http://donttouchmymoleskine.wordpress.com/">1</a><a href="http://forme-foryou.com/2008/03/vintage-found.html">2</a>
</div>
<div id="tagboard" style="display: none;">
<div class="h2">tagboard</div>
Your tagboard here.
</div>
<br /><br />
</div>
</body>
</html>

Layout Comments

Showing latest 10 of 22 comments

This is sweet:]

By Butterface89 on Sep 5, 2010 7:23 am

I have almost same problem as "turnupthevolume", but i don't know how to change the text what's on profile, links and tagboard. :$ Help, please?

By starlady on Aug 17, 2009 10:43 pm

yah i have the same problem as amylynnequist

By turnupthevolume on Aug 15, 2009 10:40 pm

your coding is amazing!
how do you do it?

By hannerbug on Apr 18, 2009 3:11 am

um. ok. call me lame and failing at these layouts, but I'm not sure how to add comments to the posts or how to view my archived entries with this layout. help please? i really like this one and i use it but I'm confused.

http//:www.amylyn nequist.blogspot.com

By amylynnequist on Mar 2, 2009 3:53 am

sorry my code changes arent coming up... search the code and make sure all parts with br are closed with these brackets < >

By never89 on Feb 25, 2009 11:23 pm

By never89 on Feb 25, 2009 11:22 pm

line:

should be: />

By never89 on Feb 25, 2009 11:22 pm

It doesnt work. ><
It says:
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 "br" must be terminated by the matching end-tag "
".

By keshielf on Dec 25, 2008 3:38 pm

Haha, I like the banner.

By tokyo-rose on Nov 27, 2008 4:38 am

View all »

Layout Details

Designer	Infravermelho
Submitted on	Nov 22, 2008
Page views	37,168
Favorites	94
Comments	22
Reviewer	manny-the-dino
Approved on	Nov 23, 2008

Good Morning

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates