Just a girl

Designer's Comments

Look carefully for specific instructions

Character, and almost all the design are drawn by me. (1 or 2 brushes use for the floral). This design is mainly for girls, because of the title XD. If guys are interested in something like this, perharps change the character to a guy and a slightly different layout, feel free to let me know. If alot ppl wan, I might just come out with 1 soon ^^.

Tested in FF and IE.
Comments and feedback are welcome :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>
          <title>JuSt a giRL</title>
          
          <script language=JavaScript>
           
          </script>
          
          <style type="text/css">
          A:link
          { text-decoration: none; font-weight: none; cursor: crosshair; color:#e8e8e8;}
          A:visited
          { text-decoration: none; cursor: crosshair; color: #e8e8e8; }
          A:active
          { text-decoration: none; cursor: crosshair; color: #e8e8e8; }
          A:hover {
          text-decoration: none; cursor: crosshair; color:#FF0000; padding: 1px;}
          
          .head {
          font-weight: bold;
          font-size: 12px;
          color:#000000;
          text-align:center;
          }
              .normal {
            padding-left:5px;
            color:#313131;
            text-align:center;
            }
            
          body 
          { background: #c5b9a0;
          background-image:url(http://layouts.cbimg8.com/34/17214d.jpg);
           color:#313131;
           font-size: 11px; 
           font-family: arial;
           overflow-x:hidden;
           cursor: crosshair;
          scrollbar-face-color :  #c5b9a0; 
          scrollbar-highlight-color : #A59C9D; 
          scrollbar-3dlight-color : #c5b9a0;  
          scrollbar-shadow-color : #A59C9D;  
          scrollbar-darkshadow-color : #c5b9a0; 
          scrollbar-track-color : #c5b9a0; 
          scrollbar-arrow-color : #A59C9D; 
          }
          </style>
          
          <script>
          function changeNavigation(id) 
          {document.getElementById('navigate').innerHTML=document.getElementById(id).innerHTML}
          </script>
          <noembed>
          <body>
          
          
          </noembed>
          <img style="position: absolute; top: 0; left: 0;" border="0" src="http://layouts.cbimg8.com/34/17214c.jpg" usemap="#Map1">
          <map id="Map1" name="Map1">
            <area shape="rect" coords="236,224,310,245" name="posts"  onClick="changeNavigation('posts')">
            <area shape="rect" coords="235,246,323,266" name="profile"  onClick="changeNavigation('profile')">
            <area shape="rect" coords="232,266,331,288"  name="archive"  onClick="changeNavigation('archive')">
            <area shape="rect" coords="254,291,314,313" name="links" onClick="changeNavigation('links')">
            <area shape="rect" coords="242,312,312,336" name="tag"  onClick="changeNavigation('tag')">
          <area shape="rect" coords="241,338,293,355" name="credits"  onClick="changeNavigation('credits')"></map>
          <div style="width: 251px; height: 251px; border: 0px solid; font-family: verdana; z-index: 1; text-align: justify; overflow: auto;
          overflow-x: hidden; padding: 2; position: absolute; left:335px; top:142px; {FILTER: chroma(color=#ffffff); scrollbar-face-color:#c5b9a0; 
          scrollbar-arrow-color: #000000; scrollbar-track-color:#c5b9a0;scrollbar-shadow-color:#000000;
          scrollbar-highlight-color:#c5b9a0;scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#c5b9a0; background-color: transparent;" id="navigate">
          <div class="head"> :: Welcome :: </div>
          <div class="normal">
          <br>
          Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. </div>
          </div>
          
          <div style="display:none; overflow=none"; id="posts">
          <div class="head">Entries</div>
          <div class="normal">
          <Blogger> 
          <br>
          <BlogDateHeader> 
          <b><font color="#523200"><$BlogDateHeaderDate$></font></b>
          <br><br>
          </BlogDateHeader>
          <$BlogItemBody$><br><br>
           <br><font color="#523200"><b> L o V i N g   Y o U   </b>
          <br><$BlogItemDateTime$></font>
          <br><br>
          </Blogger><br><br>
          </div></div>
          
          <div style="display:none; overflow=none"; id="profile">
          <div class="head">(your name/profile)</div>
          <br>
          <div class="normal">profile here :)
          <br> likes O.o
          <br> dislikes x.X
          <br> wishes s.S
          </div></div>
          
          <div style="display:none; overflow=none"; id="links">
          <div class="head">Links</div>
          <br>
          <div class="normal">
          <br><a href="www.blogger.com> friend :)</a>
          <br><a href="www.blogger.com> friend :)</a>
          <br><a href="www.blogger.com> friend :)</a>
          <br><a href="www.blogger.com> friend :)</a>
          <p>
          
          Credits: <a href="http://www.wishix.com/download/index.htm">wishix studio</a>
          </div></div>
          
          <div style="display:none; overflow=none"; id="tag">
          <div class="head">Messages</div>
          <br>
          <div class="normal">tag-board here :)
          </div>
          
           <div style="display:none; overflow=none"; id="credits">
          <div class="head">Credits</div>
          <br>
          <div class="normal">Design: <a href="http://www.wishix.com" target="_blank">wishix</a> <br>
          Character drawn by: <a href="http://www.wishix.com" target="_blank">wishix</a><br>
          Program: Photoshop</div>
          
          <div style="display:none; overflow=none"; id="archive">
          <div class="head">Archives</div>
          <br>
          <div align=center>
          <BloggerArchives>
          <a href="<$BlogArchiveURL$>"><b><$BlogArchiveName$><b></a><br>
          </BloggerArchives>
          </div></div>
          
          
          
          </html>

Layout Comments

Showing latest 10 of 44 comments

how to change it into my characters??

By dyha on Dec 23, 2011 1:37 am

why i cannot use all the layouts....there is xml error...what is det???

By pjaluvkitorang on Aug 27, 2010 9:22 am

i would like to use this layout, but it doesn't work, can somebody tell me how? thx...

By lizphoon on Sep 29, 2009 3:11 am

How did you make your layouts all flash? You know the menu and buttons. Do you know where I can make mine for free and what software/program/website you use tomake your menu or buttons. Can you please teach me the code for menu and buttons. It will be great if you give me the name of the HTML/Javascript so I can look it up. Thanks

By MoonLite520cc on Jan 15, 2009 11:45 pm

mine didn't work..it said something about XML ERRORS and STRING "--" WITHIN comments.. can you please help me?? oh,,please..!!
i really love this layout,dear! :'(

By aienp0tter82 on Nov 28, 2008 11:24 pm

I love this layout...it's what m using now...more power...

By hifaye on Mar 13, 2008 8:27 pm

...Wow. :O I wish I could make layouts like that. This is definitely one of my favourites. ♥

It doesn't seem to work though. :s Something about a xml error + string? D: Help me?

By MrsEdjack on Feb 25, 2008 5:27 pm

its pretty cute. i like make it as my template but unsuccessfull, got some error. how could i get it? help me plzzz

By flylly on Jan 17, 2008 2:05 am

yea .. it's work... in create blog thanks for sharing ya~

By puffy on Dec 22, 2007 3:37 am

this layout is sooooo cool! =) aucifer, can u teach me how 2 make a layout? pretty pretty pls? it's ok if u dun want 2. i love this layout alot! it looks absoloutely perfect on my blog. anyway, 2 those hu have errors, this is a classic layout. so u have 2 change it 2 Classic @ the bottom of the pg first be4 u can use it.

By leongyiling1998 on Dec 17, 2007 1:36 am

View all »

Layout Details

Designer	aucifer
Submitted on	Mar 27, 2007
Page views	177,696
Favorites	194
Comments	44

Just a girl

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates