Howl

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

i don't really think bloggers and designers are interested in beat literature, but they should.

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>Kaddish.</title>
     <script>
     <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=3)">
     <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=3)">
     <script language=JavaScript>
     </script>
                                     
     <style type="text/css">
     a:link   {text-decoration: none; cursor: crosshair; font-family: arial; font-size: 9px; font-weight:none; text-transform: uppercase; color: white;}
     a:visited {text-decoration: none; cursor: crosshair; font-family: arial; font-size: 9px; font-weight:none; text-transform: uppercase; color: white;}
     a:active  {text-decoration: none; cursor: crosshair; font-family: arial; font-size: 9px; font-weight:none; text-transform: uppercase; color: white;}
     a:hover    {text-decoration: none; cursor: crosshair; font: trebuchet MS; font-size: 9px; text-transform: uppercase; color: white; font-weight: bold; border-bottom: black 2px solid; cursor: NE-resize; background: 000000;}
                                               
     body
     { 
     background: #3b3a32 url(http://cbimg6.com/layouts/09/12/36052af.png); 
     background-repeat: repeat;
     background-position: top;
     background-attachment: fixed;
     font-family: georgia; 
     color: white; 
     font-size:10px;
     text-transform: none;
     line-height: 13px;
     cursor: default;
     }
                                               
     textarea, input, select {  
     cursor: S-resize;
     font-family : georgia; 
     font-size: 7pt;
     line-height: 8pt;   
     color:  white; 
     border-color: white;   
     border-style: solid; 
     border-top-width: 1px; 
     border-left-width: 1px;
     border-right-width: 1px; 
     border-bottom-width: 1px;
     }         
                                               
     .header{
font-family: century gothic;
font-size: 12px;
letter-spacing: 2px;
padding: 2px;
line-height: 4px;
color: #b2364d; text-transform: lowercase;
border-bottom: 3px solid #676660;
     }

.2header{
font-family: georgia;
font-size: 9px;
letter-spacing: 2px;
padding: 2px;
line-height: 4px;
background-color: #78c782;
color: #fffff;
text-transform: lowercase;}

.profile{
     background: #FFFFFF;
     }
                                     
     .endpost{
     background:none;
     font-family:georgia;
     font-size:20px;
     line-spacing: -10px;
     line-height: 10px;
     border-bottom: 000000 1px dashed;
     }
                                     
  b(
  color:#ff3b2f;}
  
  u{
  color:#ff3b2f;}
  
  i{
  color:bafdfa;}
            
     blockquote {
     font-size: 11px; 
     line-height: 10px;
     font-weight: none;
     color: black; 
     font-family: arial;
     background-color:  #f5eeb4;
     border-bottom: none; 
     border-left: #eaf1da 5px solid;
     text-transform: none;
     cursor: hand;
     }

</style>

<div id="box" style="position:absolute; padding:0px; width:450px; height: 310px; overflow: auto; cursor: S-resize; z-index:2; left: 50px; top: 155px; background: none;">
     <center>
I saw the best minds of my generation destroyed by <br>
              madness, starving hysterical naked...

</div>
                               
     <div id="entries" style="visibility: hidden; position: absolute; bottom: 0px; left: 0px; z-index:1; width: 10px; height: 10px; overflow: auto; cursor: S-resize; background-color: transparent;">
     <center>
                    <Blogger>
                    <div align="justify">
                    <div class="header"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader><br></div>
<div class="2header"><BlogItemTitle>
<BlogItemURL>
<a href="<$BlogItemURL$>">
</BlogItemURL>
<$BlogItemTitle$></a>
</BlogItemTitle></div>
                    <br>
                    <$BlogItemBody$></div><br>
                    <$BlogItemDateTime$><br>
                    <br><br>
                    </Blogger>
     </div>
                               
   
                            
     <div id="link" style="visibility: hidden; position: absolute; bottom: 0px; left: 0px; z-index:1; width: 10px; height: 10px; overflow: auto; cursor: S-resize; background-color: none;">
     <div class="header">Exits</div><p align=center>
     <b>Add your links here.</b><br><br>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a>
                                           <a href="http://" target="_blank">friend</a></font>
     <br><br>
     <div class="header">Archives</div><p align=center>
     <p align=center>
     <BloggerArchives><a href="<$BlogArchiveURL$>">        
     <$BlogArchiveName$></a>
     </BloggerArchives><br><br>
     <div class="header">Credits</div><p align=center>
<br> <
<a href="http://quetuatia.blogspot.com/">infra</a><a href="http://infravermelho.createblog.com/">vermelho</a>.<br>
<a href="http://pt.wikipedia.org/wiki/Allen_Ginsberg">1</a>.<a href="http://www.blogskins.com/me/kynzgerl">2</a>

</a>
     </p>   
     </div></div>
   
           
                               
     <div id="about" style="visibility: hidden; position: absolute; bottom: 0px; left: 0px; z-index:1; width: 10px; height: 10px; overflow: auto; cursor: S-resize; background-color: transparent;">
     <div class="header">Profile</div><br><p align=center>
     Follow your inner moonlight; don't hide the madness<br>
     <b>bold</b>,<i>italics</i>,<u>underline</u>.<br>
     </a>
     </p>   
     </div></div>
                
     <div id="tag" style="visibility: hidden; position: absolute; bottom: 0px; left: 0px; z-index:1; width: 10px; height: 10px; overflow: auto; cursor: S-resize; background-color: transparent;">
     <div class="header">Leave a Message.</div><p align=center>
     TAGBOARD HERE<br>  
     <a href="http://cbox.ws/">cbox</a> is recomended</font>  </a>
     </p>   
     </div></div>
         
     <div style="padding:''; position: absolute; top: 471px; left: 98px; z-index: 5;  background: none; font-size: 10px; font-family: arial; letter-spacing: 2px; line-height: 10px; ">
     <span style="cursor: hand;" onClick="document.getElementById('box').innerHTML=document.getElementById('about').innerHTML" onMouseOver="this.style.color='000000'" onMouseOut="this.style.color='000000'"><span style="color:#CDCDCD;"><img src="http://cbimg6.com/layouts/09/12/36052ab.png"></span></span>
     </div>
     
     <div style="padding:''; position: absolute; top: 481px; left: 165px; z-index: 5;  background: none; font-size: 10px; font-family: arial; letter-spacing: 2px; line-height: 10px; ">
     <span style="cursor: hand;" onClick="document.getElementById('box').innerHTML=document.getElementById('tag').innerHTML" onMouseOver="this.style.color='000000'" onMouseOut="this.style.color='000000'"><span style="color:#CDCDCD;"><img src="http://cbimg6.com/layouts/09/12/36052ac.png"></span></span>
     </div>
   
   
     <div style="padding:''; position: absolute; top: 469px; left: 10px; z-index: 5;  background: none; font-size: 10px; font-family: arial; letter-spacing: 2px; line-height: 10px; ">
     <span style="cursor: hand;" onClick="document.getElementById('box').innerHTML=document.getElementById('entries').innerHTML" onMouseOver="this.style.color='000000'" onMouseOut="this.style.color='000000'"><span style="color:#CDCDCD;"><img src="http://cbimg6.com/layouts/09/12/36052ad.png"> </span></span>
     </div>
   
    
     <div style="padding:''; position: absolute; top: 493px; left: 259px; z-index: 5;  background: none; font-size: 10px; font-family: arial; letter-spacing: 2px; line-height: 10px; ">
     <span style="cursor: hand;" onClick="document.getElementById('box').innerHTML=document.getElementById('link').innerHTML" onMouseOver="this.style.color='000000'" onMouseOut="this.style.color='000000'"><span style="color:#CDCDCD;"><img src="http://cbimg6.com/layouts/09/12/36052ae.png"> </span></span>
     </div>
   
     </FONT>
     </div></div>
     </h5>

Layout Comments

Showing latest 6 of 6 comments

Is that ALLEN GINSBERG??? Girl, you're on the level! You're on the level:DD I think I know why you did this. Or at least ONE of the reasons. You haven't seen another Allen Ginsberg layout before. I HAVE NEVER SEEN ONE. I'm favoring this one.

By Butterface89 on Sep 7, 2010 9:32 am

Allen Ginsberg. Brilliant.

By swan on Jul 24, 2010 9:37 pm

it's not working.
"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute "{1}" associated with an element type "language"."

By sunareline on Jun 14, 2010 2:43 pm

This is an AWESOME layout. Only question, how can people add comments to my blog? Are they going to have to use the cbox I put on there?

By lyssaloulou on Apr 28, 2010 12:40 pm

Very nice, I love the set up.

By CandyPop on Jan 1, 2010 9:50 am

Not bad :)
GOOD JOB!

By Snaily on Dec 31, 2009 10:05 pm

Layout Details

Designer	Infravermelho
Submitted on	Dec 19, 2009
Page views	18,503
Favorites	20
Comments	6
Reviewer	manny-the-dino
Approved on	Dec 31, 2009

Howl

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates