Boys

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>boys.</TITLE>
 
<style type="text/css">
#navbar-iframe {
display: none;
 }
 
 body {
 color:#1A3963; 
 text-align : justify; 
 font-size: 11px; 
 font-family:arial;
 line-height:7pt; 
 background:#fff; 
 background-image: URL("");     
 
 margin:0px;
 
 scrollbar-face-color:#fc4151;
 scrollbar-highlight-color:#fff; 
 scrollbar-shadow-color:#fff; 
 scrollbar-3dlight-color:#fff; 
 scrollbar-arrow-color:#fff;
 scrollbar-track-color:#fff; 
 scrollbar-darkshadow-color:#fff;
 }  
 
 div#content {
 position:absolute; 
 top: 360px; 
 left: 212px; 
 width: 340px;}   
 
 div#side {
 position:absolute; 
 top: 332px; 
 left: 33px; 
 width: 169px;}

p {
 margin-top: 0;
 margin-bottom: 1em;
 }
 
 .side1 { 
 color : #474747;
 margin: 0px;
 padding: 4px;
 font-size : 8pt;
 font-family : arial;
 text-align : justify;
 background : #fff;
 line-height: 8pt;}
 
 blockquote {
           padding:0px;
           font-size : 7.5pt;
           font-weight : normal;
           line-height : 7pt;
           text-align: justify;
           color : #474747;
       }
 
 
 a {
 color:#aeff21;
 text-decoration: none;
 letter-spacing: 2px;}

a:hover   {   
 color:#b415e2;  
 text-decoration: underline;
 cursor:se-resize;
 letter-spacing: 2px;} 
 
 
 .blogtitle {
 margin: 0px;
 padding : 0px;
 font-family: century gothic;  
 font-size: 10pt;
 font-weight: none;
 text-transform: uppercase;
 letter-spacing: 1px;
 background: #;
 line-height: 10pt;  
 color:#00f7d9; 
 border-bottom: 1px dashed #00f7d9;  
 border-right: 0px solid #fc4151;  
 text-align:center;}

b, strong {
 color: #fc4151;}
 
 i, em {
 color: #fc4151;
 font-family: georgia;}
 
 u {
 color: #fc4151;
 text-decoration: underline;}

</style>
 
 </HEAD>

</BODY>
 
 <NOSCRIPT>
 
 </NOSCRIPT>
 
 <div id="side" style="position: absolute; top: 332; left: 33;">
 
 <div class="side1">
 <div class="blogtitle">Welcome</div>
 <div align="justify">
Well, I talk about boys,<br>
Don't ya know I mean boys,<br>
Well, I talk about boys, now,<br>
Aaaah, boys,<br>
Well, I talk about boys, now,<br>
What a bundle of joy! (All right, George!)
 
 </div></div>
 <br>
 
 <div class="side1">
 <div class="blogtitle">Profile</div>
 <div align="justify">
 <img src="http://cbimg9.com/layouts/08/11/32699ac.png" align="left">
 I'm blah and I'm blah years old. I'm a blah.I live in blah I love blah-ing.. etc., etc. So on and so on. blah.. blah.. blah...
 </div></div>
 <br>
 
 <div class="side1">
 <div class="blogtitle">Exits</div>
 <div align="justify">
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 
 </div></div>
 <br>
 
 <div class="side1">
 <div class="blogtitle">Archives</div>
 <div align="justify">
       <BloggerArchives>
      <center><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br></center>
    </BloggerArchives>
 </div></div>
 <br>
 
 <div class="side1">
 <div class="blogtitle">Layout ©</div>
 <b>Designer:</b> 
<a href="http://quetuatia.blogspot.com/">infra</a><a href="http://infravermelho.createblog.com/">vermelho</a><br>
 <b>Resources:</b>
 <a href="http://community.livejournal.com/foto_decadent" target="_blank">1</a>
 <a href="http://www.deviantart.com/" target="_blank">2</a>
 </div></div></div></div>
 
 
 
 <div id="content" style="position: absolute; top: 360; left: 212;">
 
 <Blogger>
 <div class="side1"><BlogDateHeader>
 <div class="blogtitle"> <$BlogDateHeaderDate$></div>
 </BlogDateHeader> 
 <$BlogItemBody$>
 </div><br>
 </Blogger>
 
 </BODY>
 </HTML>

Layout Comments

Showing latest 10 of 12 comments

I looovee it.
Can I use some of your coding if I credit you?

By hannerbug on Apr 17, 2009 10:11 pm

is it possible to create the "read more" and "older posts" links for this layout?

By araraara on Mar 11, 2009 6:30 am

This gives me such an electric shock! :*

By victorianriot on Feb 11, 2009 9:40 pm

Uh...the code doesn't work. I get this error message: 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 "IMG" must be terminated by the matching end-tag "".

By xoeab on Feb 8, 2009 5:14 pm