Space!

Designer's Comments

Look carefully for specific instructions

A cute space retro theme. Works well on FF & IE on Mac and PC.

For more of my designs:
http://freebloggerdesigns.blogspot.com/

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" 
       f
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  
<link rel="shortcut icon" href="" >
  
  
  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="web log, blog, blogger" />
  

  
<title><$BlogTitle$></title>
<$BlogMetaData$>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-image: url(http://cbimg6.com/layouts/07/09/04/21282ad.jpg);
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat;
	background-attachment: fixed;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
  .dateheader {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #FF3300;
}
  .BlogItemTitle {
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase;
	color: #FFFFFF;
}
  .posttext {
	text-align: justify;
	font-size: 10px;
	color: #000000;
	padding-right: 20px;
}
  .comments {
	font-size: 10px;
	text-align: right;
	padding: 2px;
	color: #000000;
}
 
.sideheader {
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	width: 200px;
	color: 006699;
	text-align: center;
}
	
a:link {
	text-decoration: none;
	background-repeat: no-repeat;
	color: #FFFFFF;
 }
 
 a:visited {
  color: #FFFFFF;
  text-decoration: none;
 }
 
 a:hover {
	color: #333333;
	text-decoration: none;
 }
  li {
	list-style-position: outside;
	list-style-type: square;
}
  .sideboxes {
	padding: 10px 10px 2px 5px;
	font-size: 10px;
}
textarea, input, select, option, button {
	font-family: Tahoma, Verdana, Arial;
	background-color : #CCCCCC;
	color : #000000;
	font-size : 10px;
	border: 1px solid #999999;
}
img {
	border:0px none;
}

.background {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
.background2 {
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
}
.style1 {
	font-size: 10px;
	color: #000000;
}
.style2 {
	color: #000000;
	font-weight: bold;
}
.style3 {color: #000000}
.style4 {
	font-weight: bold;
	text-transform: lowercase;
	font-size: 14px;
	color: #000000;
}
</style>
</head>
<body><br>
<br>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="background"><p> </p>
    <p> </p></td>
    <td width="700" align="center" valign="top"><table width="700"  border="0" align="center" cellpadding="0" cellspacing="0">
      
      <tr>
        <td width="700" height="339" valign="top" background="http://i200.photobucket.com/albums/aa231/free_blogger/spaceBG2.gif" ><img src="http://cbimg6.com/layouts/07/09/04/21282aa.gif" alt="" width="700" height="339" /></td>
      </tr>
      <tr>
        <td height="425" valign="top" background="http://i200.photobucket.com/albums/aa231/free_blogger/spaceBG2.gif"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="25"> </td>
            <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr valign="top">
                  <td>
                      <Blogger>
                      <table width="100%"  border="0" cellspacing="4" cellpadding="0">
  <tr>
    <td >
	
	<table width="100%"  border="0" cellspacing="4" cellpadding="4">
                        <tr>
                          <td class="dateheader"><div align="left"><BlogDateHeader> <br />
                            <$BlogDateHeaderDate$></BlogDateHeader></div></td>
                        </tr>
                        <tr>
                          <td><span class="BlogItemTitle"><BlogItemTitle> <BlogItemUrl><a href="<$BlogItemPermalinkURL$>" title="Perma Link"> </a></BlogItemTitle></span><span class="style4"><BlogItemTitle><span class="style3"><a href="<$BlogItemPermalinkURL$>" title="Perma Link"><$BlogItemTitle$></a></span></BlogItemTitle></span><span class="BlogItemTitle"><BlogItemTitle></BlogItemTitle></span><span class="BlogItemTitle"><BlogItemTitle><a href="<$BlogItemPermalinkURL$>" title="Perma Link"> <BlogItemUrl></a> </BlogItemTitle></span></td>
                        </tr>
                        <tr>
                          <td class="posttext"><$BlogItemBody$></td>
                        </tr>
                        <tr>
                          <td class="comments"><div align="left"><img src=http://cbimg6.com/layouts/07/09/04/21282ab.gif align="absmiddle"> posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> - <MainOrArchivePage><BlogItemCommentsEnabled> </BlogItemCommentsEnabled></MainOrArchivePage><MainOrArchivePage><BlogItemCommentsEnabled><a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$></div></td>
                        </tr>
                        <tr>
                          <td valign="top">
                              <ItemPage> <BlogItemCommentsEnabled>
                              <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                                
                                <tr>
                                  <td><a name="comments" id="comments"></a></td>
                                </tr>
                                <tr>
                                  <td><$BlogItemCommentCount$> Comments:</td>
                                </tr>
                                <tr>
                                  <td><ul>
                                      <BlogItemComments>
                                      <li id="c<$BlogCommentNumber$>"><span class="style1"><a name="c<$BlogCommentNumber$>" id="c<$BlogCommentNumber$>"></a>
                                          </span>
                                        <p class="comment-data style1">At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <$BlogCommentAuthor$> said…</p>
                                          <div class="comment-body style1">
                                            <p><$BlogCommentBody$></p>
              <$BlogCommentDeleteIcon$> </div>
                                      </li>
                                      </BlogItemComments>
                                  </ul></td>
                                </tr>
                                <tr>
                                  <td><span class="style1"><$BlogItemCreate$> </span></td>
                                </tr>
                                <tr>
                                  <td><div align="right"><a href="<$BlogURL$>"><< Home</a> </div></td>
                                </tr>
                                <tr>
                                  <td height="1"></td>
                                </tr>
                              </table>
                              </BlogItemCommentsEnabled> </ItemPage>
                                                        </td>
                        </tr>
                      </table>

</td>
  </tr>
</table>

</Blogger>
                      </td>
                  <td width="218"><table width="100%"  border="0" cellspacing="0" cellpadding="4">
                      <tr>
                        <td class="sideheader"><br />
                          About Me </td>
                      </tr>
                      <tr>
                        <td class="sideboxes"><div align="center"><span class="style1"><span class="style2">Name:</span> <span class="style3"><$BlogOwnerFullName$><br />
                                <strong>Home:</strong></span> <span class="style3"><$BlogOwnerLocation$><br />
                                <strong>About Me:</strong></span> <span class="style3"><$BlogOwnerAboutMe$></span><br />
                                <a href="<$BlogOwnerProfileUrl$>">See my  profile...</a><br />
                                <br />
                        </span></div>                          
                        </td>
                      </tr>
                      <tr>
                        <td class="sideheader">Previous Post </td>
                      </tr>
                      <tr>
                        <td class="sideboxes"><ul>
                            <BloggerPreviousItems>
                            <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
                            </BloggerPreviousItems>
                        </ul></td>
                      </tr>
                      <tr>
                        <td class="sideheader">Archives</td>
                      </tr>
                      <tr>
                        <td class="sideboxes"><MainOrArchivePage>
                          <ul>
                            <BloggerArchives>
                            <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
                            </BloggerArchives>
                          </ul>
                        </MainOrArchivePage></td>
                      </tr>
                      <tr>
                        <td class="sideheader">Links</td>
                      </tr>
                      <tr>
                        <td valign="top" class="sideboxes">

<ul>
  <li><a href="www.linkhere.com">Edit-this-link</a></li>
  <li><a href="www.linkhere.com">Edit-this-link</a></li>
  <li> <a href="www.linkhere.com">Edit-this-link</a></li>
</ul>
</td>
                      </tr>
                      <tr>
                        <td class="sideheader">Credits</td>
                      </tr>
                      <tr>
                        <td align="center" valign="top" class="sideboxes"><center><a href="http://www.suckmylolly.com"><img src=http://cbimg6.com/layouts/07/09/04/21282ac.gif border="1"></a><br />
                        <br />
                            background by <a href="http://xxtaylerxx.deviantart.com/">tayler</a><br />
                            </p>
                          <p>                           </p>
                        </center></td>
                      </tr>
                  </table></td>
                </tr>
            </table></td>
            <td width="25"> </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="15" valign="top" background="http://i200.photobucket.com/albums/aa231/free_blogger/spaceBG2.gif"> </td>
      </tr>
    </table></td>
    <td class="background2"> </td>
  </tr>
</table>
</body>
</html>

Layout Comments

Showing latest 3 of 3 comments

You have to have your template reverted to classic before you can use classic layouts. Go to your HTML edit page and you should see a link at the bottom that says 'revert to classic mode' or something of the like. After clicking that you should be able to use it.

By Kaichou on Jan 19, 2009 8:45 am

Why can't I put it on my blogger? Give me advise!

By brile08 on Aug 10, 2008 11:41 pm

why cant i uplad this on blogger?

By Drew509 on Oct 20, 2007 7:32 pm

Layout Details

Designer	suckmylolly
Submitted on	Sep 3, 2007
Page views	14,183
Favorites	15
Comments	3
Reviewer	ThomasC
Approved on	Sep 4, 2007

Space!

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates