-Light- (Hikaru Utada)

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

:]

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>-light-</title>
              <style type="text/css">
              #navbar-iframe{ visibility: hidden; }
              body{ background:url(http://cbimg9.com/layouts/08/12/32829ab.png);
         font-family: arial;
                    font-size: 10px;
                    font-weight: none;
                    padding-bottom: 0px;
                    color: 000000;
                    background-color: #eff6f4; }
              a:link, a:visited, a:active{ font-family: arial
                                           font-size: 9px;
                                           text-decoration: none; 
                                           border-bottom: 1px dotted #ffe2f1;
                                           color: black; }
              a:hover{ font-family: arial;
                       font-size: 9px;
                       text-decoration: none;
                       border-bottom: 0px dotted #000000;
                       color: #ffe2f1; }
              img{ margin: 3px; }
              .blog{ padding-right: 5px; }
              .sidebar{ color: #000000;
                        border-left: 1px solid #ffffff;
                        padding-left: 5px;
                        width: 150px; }
              .h2{ font-family: arial;
                   font-size: 11px;
                   text-transform: uppercase;
                   text-align: left;
                   color: #000000; }
              .h3{ font-family: arial;
                   font-size: 12px;
                   text-transform: uppercase;
                   color: #000000;
                   line-height: 22px;
                   border-bottom: 1px #000000 dashed;
                   margin-left: 20%; }
              table{ font-family: arial;
                     font-size: 10px;
                     font-weight: none;
                     color: #000000; }
              u{ color: #dfe971;
                 text-decoration: none; }
              </style>
              </head>
              <body>          <br><br><br><br><br>
                              <div align='center'>
                              <div style='width: 553px; background-color: #FFFFFF; padding: 5px;'>
                          <img src="http://cbimg9.com/layouts/08/12/32829aa.png">
                              <br>
                              <div align='left'>
                              <table width='500px'>
                              <tr>
                              <td valign='top'>
                              <div align="justify">
                              <div class="blog">
              <Blogger>
              <div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <font face="webdings">Y</font> <span style="color: #e0e971;"><$BlogItemDateTime$></span></div><br>
              <$BlogItemBody$>
              <br><br>
              </Blogger>
                              </div></div>
                              <td valign='top' class='sidebar'>
                              <div class="h3">about me.</div><br>
                            about you. about me. about us. content goes here. about you. about me. about us. content goes here. about you. about me. about us. content goes here. about you. about me. about us. content goes here. 
         <br><br>
         
         <div class="h3">messages.</div><br>
c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. c-box or tagboard here. 
<br><br>

<div class="h3">the creator,.</div><br>
                              <a href="yukkapukka.createblog.com">YukkaPukka(Yukke).</a><br>
Made with Photoshop and notebook.<br>
Best viewed in Firefox.<br>
                      </td></td></td>
              </tr>
              </table>
              </div></div></div></div>
              </body>
              </html>

Layout Comments

Showing latest 1 of 1 comments

I love this layout.
Do you know how to enable the comments?

Thank you,
Megs

By Ewwgrapes on Mar 7, 2009 10:21 pm

Layout Details

Designer	Harp
Submitted on	Nov 30, 2008
Page views	20,089
Favorites	26
Comments	1
Reviewer	schizo
Approved on	Dec 1, 2008

Layout Colors

Layout Tags

abstract, celebrities, colorful, cute, emotions, girls, minimal, music, retro, stripes, light, hikaru, utada, blogger

Layout Tools

Layout Affiliates

Here I Stand Layouts