Reach for the Stars

Designer's Comments

Look carefully for specific instructions

Here's a relatively simple yet pleasant blogger design with little pink stars. I get kind of annoyed with complex Blogger designs that don't work in all broswers, so rest assured this one looks good in IE and FF (on Mac & 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">
   
   
   
   /*
   =========================================================
   BLOGGER 
   ========================================================= */
   
   /* ---------------------------------
   GENERIC STYLE
   --------------------------------- */
   
   body {
   background-position: center;
   background-attachment: fixed;
   background-color: #000000;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 10px;
   text-align: center;
   letter-spacing: normal;
   background-image: url();
   color: #FFFFFF;
   }
   
   a:link {
   text-decoration: none;
   color: #FFFFFF;
   background-repeat: no-repeat;
   }
   
   a:visited {
    color: #CCCCCC;
    text-decoration: none;
   }
   
   a:hover {
   color: #FFFFFF;
   text-decoration: none;
   background-color: #990033;
   }
   
   
   input,textarea {
           background-color: #FFFFFF;
           color: #000000;
   }
   
   ul {
    list-style-image: url(http://cbimg6.com/layouts/07/09/03/21247ab.gif);
    margin-top: 5px;
    margin-left: 25px;
    margin-bottom: 0px;
    padding-left: 2px;
   }
   
   li {
    background: transparent;
           padding: 0px;
   }
   
   
   #menu ul{
    list-style-image: url(http://cbimg6.com/layouts/07/09/03/21247ab.gif);
    margin-top: 5px;
    margin-bottom: 0px;
           margin-left: 15px;
   }
   
   #menu li  {
    background: transparent;
           padding: 0px;
           font-size: 11px;
   }
   
   .titolinilog ul{
    list-style-image: url(http://cbimg6.com/layouts/07/09/03/21247ab.gif);
    margin-top: 5px;
    margin-bottom: 5px;
           margin-left: 5px;
   }
   .titolinilog li  {
    background: transparent;
           padding: 0px;
           font-size: 11px;
   }
   
   
   blockquote {
    background-color: #000000;
    border: 1px groove #CCCCCC;
    padding: 10px;
    font-style: oblique;
    margin-left: 10%;
    margin-right: 10%;
    color: #FFFFFF;
   }
   
   a img {
           border: 0px;
   }
   
   
   /* ---------------------------------
   BLOG STYLE
   --------------------------------- */
   
   #box {
   color: #FFFFFF;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   width: 790px;
   padding: 0px;
   background-attachment: fixed;
   background-repeat: repeat;
   background-color: #000000;
   } 
   
   #head {
           background-image: url(http://cbimg6.com/layouts/07/09/03/21247ac.gif);
           background-position: left;
           background-repeat: no-repeat;
           background-color: #000000;
           height: 235px;
           border: 0px solid #FFFFFF;  
           margin-bottom: 0px;
           text-align: left;
   } 
   
   #menu {
   float: right;
   text-align: left;
   font-size: 11px;
   color: #FFFFFF;
   width: 240px;
   background-color: #000000;
   } 
   
   #boxblog {
   float: left;
   width: 485px;
   text-align: justify;
   background-attachment: scroll;
   background-repeat: repeat-y;
   background-image: url(http://cbimg6.com/layouts/07/09/03/21247ad.gif);
   margin-right: 5px;
   padding-left: 20px;
   padding-right: 20px;
   }
   
   #footer {
	height: 31px;
	clear: both;
	background-repeat: no-repeat;
	background-image: url(http://cbimg6.com/layouts/07/09/03/21247ae.gif);
   }
   
   
   /* ---------------------------------
   HEADER CONTENT STYLE
   --------------------------------- */
   
   #blogtitle {
           font-size: 12px;
           text-transform: lowercase;
           text-align: left;
           text-decoration: none;
    color: #FFFFFF;
           padding-top: 10px;
           padding-left: 10px;
   }
   
   #blogtitle a:link, #blogtitle a:visited {
          color: #FFFFFF;
          text-decoration: none;
   }
   
   #blogtitle a:hover {
   color: #000000;
   text-decoration: none;
   background-color: #FFFFFF;
   }
   
   
   #blogdescription {
    font-size: 10px;
    text-align: left;
    margin: 5px 0px 0px 5px;
    padding-left: 10px;
    font-weight: lighter;
    color: #FFFFFF;
    vertical-align: middle;
   }
   
   
   /* ---------------------------------
   MENU STYLE
   --------------------------------- */
   
   .boxmenu {
   margin-bottom: 10px;
   text-align: left;
   padding: 0px 5px 0px 5px;
   font-size: 10px;
   background-color: #000000;
   color: #CCCCCC;
   }
   
   .voicemenu {
   color: #FFFFFF;
   font-size: 10px;
   padding: 3px 5px 3px 0px;
   margin-bottom: 5px;
   font-weight: 600;
   text-transform: uppercase;
   text-align: center;
   border-top-width: 0px;
   border-bottom-width: 0px;
   border-top-style: solid;
   border-bottom-style: solid;
   background-color: #000000;
   background-attachment: scroll;
   background-image: url(http://cbimg6.com/layouts/07/09/03/21247af.gif);
   background-repeat: no-repeat;
   background-position: center top;
   }
   
   
   /* ---------------------------------
   POST STYLE
   --------------------------------- */
   
   
   .divlog {
    padding: 0px 5px 0px 5px;
           background-color: transparent;
           margin-bottom: 30px;
   }
   
   .titlepost {
   text-align: left;
   color: #000000;
   font-size: 16px;
   font-weight: bolder;
   text-transform: capitalize;
   padding: 0px 30px 0px 0px;
   border-top-width: 0px;
   border-bottom-width: 0px;
   border-top-style: dotted;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   }
   
   .titlepost a:link, .titlepost a:visited {
    color: #999999;
    text-decoration: none;
    font-weight: bolder;
   }
   
   .titlepost a:hover {
          color: #000000;
          text-decoration: none;
   }
   
   .datepost {
     color: #999999;
     font-size: 36px;
            font-weight: lighter;
     text-transform: lowercase;
            text-align: right;
            float: right;
            padding-top: 3px;
   }
   
   .data {
   color: #666666;
   font-size: 10px;
   text-align: left;
   padding-left: 5px;
   padding-right: 20px;
   }
   
   .text {
   color: #FFFFFF;
   font-size: 10px;
   text-align: justify;
   margin-top: 9px;
   margin-right: 0px;
   margin-bottom: 9px;
   margin-left: 0px;
   padding-right: 20px;
   padding-left: 30px;
   width: 350px;
   }
   
   
   /* ---------------------------------
   COMMENTS STYLE
   --------------------------------- */
   
   #comments {
   text-align: left;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: bold;
   text-transform: capitalize;
   border-bottom: 0px solid #FFFFFF;
   border-top: 0px solid #FFFFFF;
   padding: 2px 0px;
   margin: 20px 0px;
   width: 350px;
   }
   
   .comment-body{
    color: #FFFFFF;
    font-size: 12px;
    text-align: left;
    margin: 5px;
    font-weight: normal;
    padding: 0px;
    width: auto;
    float: none;
   }
   
   .data-comments {
           text-align: center;
           color: #FFFFFF;
     font-size: 12px;
            font-weight: bold;
     text-transform: capitalize;
            padding: 2px 0px;
            margin: 20px 0px;
   }
   
   .comment-data {
           color: #FFFFFF;
    text-transform: capitalize;
           text-align: left;
           font-size: 10px;
           padding-bottom: 2px;
           padding-left: 3px;
           padding-top: 5px;
   }
   
   .home {
           float: left;
   }
   .style3 {color: #FFFFFF}
   .style5 {
    color: #FF0066;
    font-weight: bold;
    font-size: 12px;
   }
   .style6 {
    color: #FFFFFF;
    font-weight: bold;
   }
   .style9 {color: #FFFFFF}
   </style>
   </head>
   
  <body>
   
  
   
      <div id="box">
   
   
   
   
       <div id="head">
    
           <div id="blogtitle">
             <h1 align="right"><a href="<$BlogURL$>"><$BlogTitle$> </a></h1>
             <h2 align="center"> </h2>
             <p></p>
             <p></p>
             <p></p>
             <p></p>
             <p> </p>
         </div>
   
           <div id="blogdescription">          
             <div align="center"></div>
           </div>
   
       </div>
   
   
   
   
   
   
   
       <div id="menu">
   
      <div class="topmenu">
        <p> </p>
        <p> </p>
      </div>
   
   
       <div class="boxmenu">
                         
               <div class="voicemenu">
           
                         about ME           </div>
         <div align="center">
           <p align="center"><span class="style6">Name:</span> <$BlogOwnerFullName$><br />
                     <span class="style6">Home:</span> <$BlogOwnerLocation$><br />
                     <span class="style6">About Me:</span> <$BlogOwnerAboutMe$><br />
                     <br />
                 <a href="<$BlogOwnerProfileUrl$>" class="style9">See my  profile...</a></p>
         </div>
             
               </center>
       </div>
   
                                 
   
   
       <div class="boxmenu">
                         
               <div class="voicemenu">
       
               Links</div>
       
               <ul>
       <li><a href="http://www.linkhere.com">Link Here </a></li>
       <li><a href="http://www.linkhere.com">Link Here </a></li>
         <li><a href="http://www.linkhere.com">Link Here </a></li>
         <li><a href="http://www.linkhere.com">Link Here </a></li>
         </ul>
       
       </div>
   
        
        <div class="boxmenu">
                   
               <div class="voicemenu">
       
                         Archives
                         
        </div>
       
                     
       <ul>  
       <BloggerArchives>
       <li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>
       </BloggerArchives>
       </ul>
       
       </div>
   
                                 
   
     
       <div class="boxmenu">
                         
               <div class="voicemenu">
       
                         Previous entries
                         
        </div>
       
                      
       <ul> 
       <BloggerPreviousItems>
       <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
       </BloggerPreviousItems>
       </ul> 
   
         </div><br>
         <div class="boxmenu">
                         
               <div class="voicemenu">
       
               Designed By</div>
       
               <div align="center"><a href="http://www.suckmylolly.com"><img src=http://cbimg6.com/layouts/07/09/03/21247aa.gif border="0"></a>
         
             </div>
         </div>
   
   
       
       </div>
       
   
   
   
   
   
       <div id="boxblog">
   
       <Blogger>
   
   
   
   
             
       <div class="divlog">
   
           
   
       <div class="datepost">      </div>
       
   </a>
         <div class="titlepost">
           <p></p>
         <a href="<$BlogItemPermalinkURL$>" title="permalink"><$BlogItemTitle$></a></div>
                           
         
        <BlogDateHeader><span class="style5"><$BlogDateHeaderDate$></span></BlogDateHeader>
        <div class="text"><$BlogItemBody$></div>
   
       <div class="data">
       posted by <$BlogItemAuthorNickname$> at <$BlogItemDateTime$><$BlogItemControl$> |
       <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled></MainOrArchivePage>   
       <ItemPage> <BlogItemCommentsEnabled>
    
       <br />
       <br />
       <br /><br />
   
       <div class="style3" id="comments"><$BlogItemCommentCount$> Comments:</div>
       <div class="data-comments">
         <div class="home"><a href="<$BlogURL$>"><< back home</a></div>
         <$BlogItemCreate$></div>
       <br />
       <BlogItemComments>
                                         
       <div id="<$BlogCommentNumber$>"><a name="<$BlogCommentNumber$>" id="<$BlogCommentNumber$>"></a>
                                             
              At <a href="<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>, <b><$BlogCommentAuthor$> </b>said........
             <div class="comment-body">
                <$BlogCommentBody$><br />
                    <$BlogCommentDeleteIcon$><br />
                    <br>
            </div>
       </div>
       </BlogItemComments>
       <br />
       </BlogItemCommentsEnabled>      </ItemPage>      </div>
     
    
   
       </div>
       
    
       </Blogger>     </div>
	   
	      
   <div id="footer"></div>

</div>
      </div>
       
   
  </body>
  </html>

Layout Comments

Showing latest 6 of 6 comments

y cant post??stupud !!!i hate this...go eat shit..

By munye on Jul 31, 2009 1:45 pm

go dieeee

By munye on Jul 31, 2009 1:43 pm

amazing

By Psychopath on Mar 14, 2008 4:48 pm

i think before you follow the instruction
you must change it to classic by click at the bottom page..sorry my english not really good...=p

By zetty on Feb 2, 2008 5:25 am

Ive been getting an error message...
"We were unable to save your template
Please correct the error below, and submit your template again.
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 system identifier must begin with either a single or double quote character."

i just did what you instructed didn't make any changes on the scripts

By jinky on Oct 23, 2007 9:08 am

excellent for blogger

By IVIike on Sep 3, 2007 4:23 pm

Layout Details

Designer	suckmylolly
Submitted on	Sep 3, 2007
Page views	41,664
Favorites	55
Comments	6
Reviewer	davinci
Approved on	Sep 3, 2007

Reach for the Stars

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates