pigs-canfly: by your side

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

the image is rather large so i'd appreciate it if you wait for it to load:)

this was my previous layout:D

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><base target="_blank">
                        <title>by your side*/}</title>
   
                         <script>
                         window.defaultStatus="                                                      <3 ";
                         </script>
                         
                         
                         
                         <script language=JavaScript>
                          
                         </script>
   
   
   
  
   
   
   
                      <style type="text/css">
                      
                         a{ 
                         font-size: 11px; 
                         font-family: courier new; 
                         letter-spacing: 0px; 
                         line-height: 11px; 
                         color: #fffd8f; 
                         font-weight: normal;
                         text-decoration: none;
                         cursor:crosshair;
                         text-transform: lowercase; 
                         } 
                         
                         a:hover{ 
                         font-family: courier new; 
                         font-size: 11px; 
                         font-weight: normal;
                         line-height: 13px;
                         letter-spacing: 0pt;
                         color: #ff006c;
                         border-bottom: double #fac1ce;
                         cursor: help;
                         text-decoration: lowercase;
                         }
   
   
      body{
          scrollbar-face-color: #000;
          scrollbar-highlight-color: #000;
          scrollbar-3dlight-color: #000;
          scrollbar-shadow-color: #000;
          scrollbar-darkshadow-color: #000;
          scrollbar-track-color: #000;
          scrollbar-arrow-color: #ff796c;
   
          background-color: #000;
          background-image: url(http://cbimg9.com/layouts/08/10/32306ae.jpg);
          background-repeat: repeat;     
   
          font-family: tahoma;
          font-size: 9px;
          line-height: 11px;
          color: #fff;
          cursor: crosshair;
          text-align: center; }

.title{
          font-family: courier new; 
          font-size: 18px; 
          font-weight: bold;
          line-height: 100%;
          letter-spacing: -1.5px;
          text-transform: uppercase;
          color: #ff003a;
          text-align: center;
          border-bottom: 1px dashed #efefef;}

.date{
          font-family: arial; 
          font-size: 8pt; 
          font-weight: none;
          line-height: 15px;
          letter-spacing: 1px;
          text-transform: lowercase;
          color: #fffd8f;
          text-align: center;}

u{ text-decoration: underline; border-bottom: 1px solid #10dcb7;}
     i{ font-family: georgia; color: #10dcb7; }
     b{ font-weight: bold; color: #ff002a; font-family: arial; font-size: 8pt; }
     s{ font-family: courier new; font-size: 8pt; color: #9bff00;}

.highlight{ background: #9bff00; color:#ff9000;}
   
     blockquote{ text-align: center; color: #fffd8f; background: #111; border: 1px solid #444; font-family: courier new; font-size: 12px; line-height: 13px;}
          
   
   
     #navbar-iframe {height:0px;visibility:hidden; display:none;}

::-moz-selection {color: #000; background: #d31313;}

pink{color:#ff006c;} green{color:#aeff00;} blue{color:#00fffc;}
                   
     
       
                      </style>

</head>
                         
                         <noembed>
                         <body>
                         </noembed>   
   
<div style=" position: absolute; left: 0px; top: 0px;">
<img src="http://cbimg9.com/layouts/08/10/32306aa.jpg" border="0">
</div> 
   
<span onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML"> <img src="http://cbimg9.com/layouts/08/10/32306ab.jpg" style="position:absolute; left: 199px; top: 557px;">  </span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"> <img src="http://cbimg9.com/layouts/08/10/32306ac.jpg" style="position:absolute; left: 287px; top: 557px;"> </span>                      
<span onClick="document.getElementById('main').innerHTML=document.getElementById('misc').innerHTML"> <img src="http://cbimg9.com/layouts/08/10/32306ad.jpg" style="position:absolute; left: 404px; top: 557px;">  </span>

<div style=" position: absolute; left: 230px; top: 580px; width: 405px; background: #000;" id="main">
<div class="title">welcome!:)</div>
<blockquote>welcome to yoururlhere.bs.com!</blockquote><br>
</div>

<div id="about" style="display: none; text-align: left;">
<div class="title">about</div><br>
tadaaaa. this is YOUR PROFILE!:D<br>
hur, fill it up. you have a largeeeee space to do so:D<br>
go on!:)<br>
<b>bold</b><i>italics</i><u>underline</u><s>strikeout</s><br>
<br></div>
</div>

<div id="misc" style="display: none;">
<div class="title">tagboard</div>
cbox goes here here here here here:D<br>
<br>
<div class="title">links</div>
<a href="http://link.blogspot.com">link</a><br>
<a href="http://link.blogspot.com">link</a><br>
<a href="http://link.blogspot.com">link</a><br>
<a href="http://link.blogspot.com">link</a><br>
<a href="http://link.blogspot.com">link</a><br>
<br>
<div class="title">rewind</div>
<BloggerArchives>
<a target="_blank" href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br>
</BloggerArchives>
<br><br>

<div class="title">layout</div>
design: <a href="http://pigs-canfly.co.nr">yv</a><a href="http://blogskins.com/me/bonbond">on</a><br>
textures/brushes:<a href="http://themonkeybox.net/">themonkeybox</a> <a href="http://lemonend.net/">lemonend</a> <a href="http://streetcarcircus.net">streetcarcircus</a> <a href="http://aqueous-sun-textures.deviantart.com/">aqueous-sun</a><br>
<br><br></div>
</body>
</html>

Layout Comments

Showing latest 10 of 24 comments

I simply adore this layout and really would like to use it however, whenever I try it says there is a problem with the html code. HELP!

By littlelauraann on Jun 19, 2011 11:53 pm

your*

By Rosheen on Jul 29, 2009 10:21 am

Hi, I used your template and I have a problem.
No one can make a comment...
could you help me please?
thanks, I wait you reply.

By Rosheen on Jul 29, 2009 10:21 am

how do i fix it?! PLEASE! No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The content of elements must consist of well-formed character data or markup.

By nity on Jul 15, 2009 4:43 pm