The Grumpy Toast

Designer's Comments

Look carefully for specific instructions

Here's a skin I initially wanted for my blogshop BUT... I have no time to sell stuff. And this skin is collecting dust.

So I put it up here instead. (:

CREDIT IT, FAV and DL.

View my blog (imyoursuperwoman.blogspot.com) or portfolio for more.

----------------------------------------------------

If you're facing problems, read this before freaking out in the comments.

firstly, the xml error is extremely common and its caused by the fact that skins here are mostly made for the old blogger, not the new one.

so if you want to use the skin, you'll have to click REVERT TO CLASSIC TEMPLATE which is below that big box for you to insert the codes.

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.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html;

charset=<$BlogEncoding$>" />
<title>The Grumpy Toast! ;</title>
<meta name="keywords" content="aintnochick">
<style type="text/css">

body {
 font-family: tahoma;
 font-weight: normal;
 color: #000000;
 font-size: 9px;
 padding: 0;
 background: #FFFFFF

url(http://cbimg9.com/layouts/08/12/32841ab.jpg);repeat
 scrollbar-face-color: #F8EBD8;
 scrollbar-arrow-color: #605632;
 scrollbar-track-color: #F8EBD8;
 scrollbar-shadow-color: #F8EBD8;
 scrollbar-highlight-color: #F8EBD8;
 scrollbar-3dlight-color: #F8EBD8;
 scrollbar-darkshadow-Color: #F8EBD8;
 }
 
#main {
 position: absolute;
 z-index: 0;
 top: 0px;
 left: 0px;
 height: 617px;
 width: 1024px;
 background:

url(http://cbimg9.com/layouts/08/12/32841ac.jpg)

no-repeat;
 }

#blog {
    z-index: 1;
 position: absolute;
 }
 
#content {
 position: absolute;
 margin: 0;
 padding: 0;
 top: 320px;
 left: 170px;
 width: 455px;
 z-index: 1;
 padding: 5px;
 }
 
#side {
    position: absolute;
 text-align: left;
 top: 365px;
 left: 709px;
 width: 196px;
 margin: 0px;
 padding-bottom: 0px;
 z-index: 0;

}

.written {
    font-family: arial;
 font-size: 12px;
 color: black;
 text-align: justify;
 padding-left: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-right: 10px;
 margin-right: 15px;
 margin-top: -1px;
 line-height: 120%;
  border: 1px dashed #000000;
 }
 
.written a:link, a:active, a:visited {
 color: #56929b;
 text-decoration: none;
 }
 
.written a:hover { 
 color: #000000;
 text-decoration: none;
 }

#postscript {
    color: #000000;
    text-align: center;
    font-size: 9px;
 font-weight: none;
 text-transform: lowercase;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 25px;
 }

#postscript span a:link, a:active, a:visited {
 color: #000000;
 text-decoration: none;
 }
 
#postscript span a:hover{
 color: #000000;
 text-decoration: none;
 }

h1 {
    font-family: century;
 font-weight: normal;
 font-size: 16pt;
 text-transform: lowercase;
 color: #2E2D2D;
 letter-spacing: -3px;
 text-align: right;
 margin-bottom: -5px;
 padding-top: 15px;
 padding-left: 0px;
 padding-right: 30px;
 }
 
h2  {font-family: Sylfaen;
 font-weight: normal;
 font-size: 19px;
 letter-spacing: -2px;
 color: #4A4224;
 text-align: right;
 margin: 0;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 30px;
 padding-bottom: 0px;
  }
 
 
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
 color: #4A4224;
 text-decoration: none;
 }

h3 {
    font-family: Tahoma;
 font-weight: normal;
 font-size: 14px;
 color: #7C533F;
 text-align: center;
 margin: 0;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
background: #F3D784;
font-weight: bold;
 }
 
ul {
 font-family: tahoma;
 font-weight: normal;
 color: #000000;
 font-size: 11px;
 list-style-type: none;
 
 margin-top: -10px;
 margin-left: 0;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 15px;
 text-align: right;
 line-height: 130%;
 }
 
ul a:link {
    color: #000000;
 text-decoration: none;
 }

ul a:active {
    color: #99937a;
 text-decoration: none;
 }

ul a:visited {
    color: #99937a;
 text-decoration: none;
 }

ul a:hover {
    color: #99937a;
 letter-spacing: 2px;
 cursor: help;
 }
</style>
</head>

<h1><span><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h1

>
   <BlogItemTitle><h2><span><a

href="<$BlogItemPermalinkURL$>"

title="Permanent Link">♥

<$BlogItemTitle$></a></span></h2></BlogItemTitle>
   <p><div

class="written"><span><$BlogItemBody$></span></div></p><p></p>
   <div id="postscript"> 
    <span

class="comments"><BlogItemCommentsEnabled>
    <span style="font-family: times new roman;

color: #4A4224;

font-size: 9pt; text-transform: uppercase; font-weight: bold;">I AM

GRUMPY.</span></font><br><$BlogItemDateTime$><br />
    <span style="font-family: times new roman;

color: #605632;

font-size: 13pt; text-transform: uppercase; font-weight: bold;"></span> 
   </div>
   <p>
  </blogger>
</div>
 
 <div id="side">
  <div id="myself"><center><img

src="http://cbimg9.com/layouts/08/12/32841aa.jpg"></center><br>
   <h3 class="info"><span>♥ theGrumpyToast</span>

; </h3>
   <ul><div style="text-align: right;"> </div><br/><ul><br>
    theGrumpyToast is very grumpy. Beware, this toast

bites.<br/><br>

INFO (:<br>
INFO (:<br>
INFO (:<br>
INFO (:<br>
INFO (:<br>
INFO (:<br>
INFO (:<br>
INFO (:<br>
    
        
   <br /></ul>
  </div>
 
  <div id="friends">
<h3 class="links"><span>♥ Links</span>;</h3>
   <ul><br>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>
<li><a href="http://www.imyoursuperwoman.blogspot.com"> LINK</a></li>    
   </ul>

<h3 class="taggis">♥ TagBoard</h3>
   <ul><br><br> The toast said TAG. <u>NOT</u> spam.
    
   </ul>
  </div>

<div id="credits"> <!--LEAVE THIS ALONE. PLS RESPECT THAT I TOOK TIME TO

CREATE THIS SKIN AND CREDIT ME.-->
   <h3 class="leavemessage">♥ Thank you</h3>
   <ul><br><br><li><a

href="http://imyoursuperwoman.blogspot.com">Jasmne</a></li>
    <a

href="http://shabbyprincess.com/">x</a></li>
   </ul>
  </div>

<div id="archive">
   <h3 class="history">♥ Past rawr-ing </h3>
   <ul><br><br>
    <!--Do not edit this part unless you're

familiar with

Javascript-->
    <script type="text/javascript">
    var archives = new Array();
 
    <BloggerArchives>
    archives[archives.length] = new

Array('<$BlogArchiveURL$>',

'<$BlogArchiveName$>');
    </BloggerArchives>
 
    for (var i=archives.length-1;i>=0;i--)
    {
    document.write('<li><a href="' +

archives[i][0] + '">' +

archives[i][1] + '</a></li>');
    }
    </script>
    
   </ul>
  </div>
  
  
 
</div>

</body>
</html>

Layout Comments

Showing latest 10 of 35 comments

I used this skin :) It looks great thank you!

By cake123 on Jan 15, 2010 12:41 pm

Bah. Nevermind. Forgot I had to read what to do. Wow.

By lonelycheese15 on Dec 30, 2009 1:59 pm

Won't let me finish. Damn.

By lonelycheese15 on Dec 30, 2009 1:56 pm

must not contain the '

By lonelycheese15 on Dec 30, 2009 1:56 pm

I put in the HTML, but got a message saying, "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 value of attribute "content" associated with an element type "null" must not contain the '

By lonelycheese15 on Dec 30, 2009 1:55 pm

I love this layout and I figured everything out besides how to get the comments to work. Any suggestions?

By lenore228 on Nov 25, 2009 7:47 am