Wake up

Designer's Comments

Look carefully for specific instructions

not all credit goes to me

THIS ONLY WORKS ON CLASSIC TEMPLATE

How to convert:

go to your homepage
settings
edit HTML
go all the way down
click revert back to classic template

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

<html><head>
<title>22. someone wake me up</title>

.h1 {
font:normal 15pt cambria;
color:#baccd6; font-style:italic;
letter-spacing: 2px;}

.h2 {
font: normal 8pt cambria; padding:2px; 
color: #666666; letter-spacing: 1px;
border-bottom:1px dashed #eeeeee;}

a.nav{width:300px; padding:5px; display:block; color:#999999; 
background-color:#ecf5fa; -webkit-transition-duration: .50s
font-family:cambria; font-size:10px;letter-spacing: 2px;
filter: alpha(opacity=70); moz-opacity:.70; opacity:.70;}

a.nav:hover{color:#666666;background-color:#e7f0f5; border:none;}
</style></head><body>

<div style="left:20px; top:30px; position:fixed; width:310px; color:#666666; background:#ffffff; padding:5px; filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;">
<img src='http://cbimg6.com/layouts/11/04/36631aa.jpg' width="300px" style="border:5px #ecf5fa solid;">
<a href="javascript:void(0)" class="nav" onclick="toggle('about')">about</a>
<div id="about" style="padding:3px;">
<div class="h1">someone wake me up</div>
It feels just like I'm going crazy, I guess that this is breaking up. And now that even you can't save me, will someone wake me up ? Someone wake me up ?
blahblah your profile here.<br><br></div>

<a href="javascript:void(0)" class="nav" onclick="toggle('chat')">tagboard</a>
<div id="chat" style="display:none; padding:3px;">
Your tagboard code here, max width 300px.</div>

<a href="javascript:void(0)" class="nav" onclick="toggle('affiliates')">affiliates</a>
<div id="affiliates" style="display:none; padding:3px;">
<a href="http://.com/" target="_blank">one</a> 
<a href="http://.com/" target="_blank">two</a> 
<a href="http://.com/" target="_blank">three</a> 
<a href="http://.com/" target="_blank">four</a> 
<a href="http://.com/" target="_blank">five</a><br><bR>

Layout by <a href="http://fallingyou.blogspot.com" target="_blank">mymostloved</a>, with banner from
<a href="http://obsequiousx.blogspot.com" target="_blank">Obsequious</a> and background from <a href="http://fivepointsapart.blogspot.com" target="_blank">fivepointsapart</a>.
<br></div>
</div>

<div style="padding: 10px; top: 30px; left: 375px; position: absolute; width: 500px;filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;">
<blogger>
<div class="h1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="h2"> <$BlogItemTitle$> posted at <$BlogItemDateTime$></div><br>
<$BlogItemBody$><br>
</blogger></div></div>
</body>

Layout Comments

Showing latest 6 of 6 comments

I love this but how do i use my own photo for the left hand picturE? help....

By charottie19 on Jan 20, 2012 2:10 am

Is there anyway I can make it, so people can add comments?

By teyrichie on Jun 3, 2011 6:30 pm

This one is really lovely!

By realityateher on Apr 27, 2011 5:28 am

Layout Details

Designer	mothermolasses
Submitted on	Jan 23, 2011
Page views	46,496
Favorites	29
Comments	6
Reviewer	tokyo-rose
Approved on	Apr 4, 2011

Wake up

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates