Sunshine

Designer's Comments

Look carefully for specific instructions

Springy days :> Yay! Except for the allergies.

The first step is to make sure your Blogger is in Classic Template mode.
Template tab >> Edit HTML >> Revert to Classic Template

There's a section under the blogger code that requires you to put in your link. It will show up under your post as "posted by yourblogname @ 12AM" and yourblogname
will have a link attached to it. Edit that link to anything you like; an email, a webpage, etc.
Remember that all these sections are editable. You can put anything in (tagboards, music players, youtube vids) or
take out entire sections. Follow the coding.

Remember that all these sections are editable. You can put anything in (tagboards, music players, youtube vids) or take out entire sections. Follow the coding. For this layout, the right module
items should not exceed 205 pixels in width.

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>Sunshine by http://salcha4u.com</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type=text/CSS>
              
body {
font-family: Arial;
font-size: 11px;
color: #000000;
background-color: #E2F4FF;
background-image: url(http://cbimg6.com/layouts/08/04/06/26703ac.jpg); background-repeat: 
repeat-y;

b {font-family:arial; letter-spacing:0px; color: 666D6C; font-size: 11pt;}
u {font-family:arial; letter-spacing:0px; color: 58886E; font-size: 11pt;}
i {font-family:arial; letter-spacing:0px; color: 8A866D; font-size: 11pt;}
s {font-family:arial; letter-spacing:0px; color: 35A27F; font-size: 11pt;}

scrollbar-face-color:#73B2AB;
scrollbar-arrow-color:#73B2AB;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
text-align : justify;
font-family : arial, tahoma;
color : #FFFFFFF;
font-size : 11px; }

table, tr, td, th {
/* Table properties */
text-align : justify;
font-family : arial, tahoma;
color : #000000;
font-size : 11px; }

a:link, a:visited, a:active {
text-decoration : bold;
font-size : 11px;
color : #506562;
font-family : arial, tahoma; }

a:hover {
text-decoration : none;  
font-size : 11px;
color : #626262;
font-family : arial, tahoma; }

.head {
font-family : arial;
color : #A6987C;
font-weight : bold;
font-size : 24px;
text-align : left;
text-transform : bold;
border-bottom : 1px dotted #FFFFFF;
.post-body {text-align : justify; }

.head2 {
font-family: arial;
font-size: 14px; 
line-height:9px;
color: #F5EDBA;
text-align: left;
background-color: transparent; }

.footer {
font-family : arial, tahoma;
color : #F5EDBA;
font-weight : normal;
font-size : 11px;
text-align : center;
text-transform : lowercase;
border-top : 0px dashed #000000; }

#border {border: 5px solid #FFFFFF;}
#table {
text-align: justify;
background-color: #FFFFFF;
width: 100%; padding:2px;}

b, strong, u, i, em, s {
font-size : 11px; font-weight: bold;
font-family : arial, tahoma;
color : #000000;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
text-align : center;
background-color : transparent;
border : 1px solid #FFFFFF;
font-size : 11px;
font-family : arial, tahoma; }
</style>
</head>

<body>
<DIV style="LEFT:

<img src="http://cbimg6.com/layouts/08/04/06/26703aa.jpg" width="728" height="692" border="0" alt="" usemap="#Blogger_Sunshine_Map">
<map name="Blogger_Sunshine_Map">
<area shape="rect" alt="salcha4you!" coords="462, 359, 505, 373" href="http://salcha4u.com">
</map>
s

</DIV><NOEMBED></NOEMBED>
<DIV style="PADDING-RIGHT: 50px; PADDING-LEFT: -500px; LEFT: 11px; PADDING-BOTTOM: 5px; 
WIDTH: 493px; PADDING-TOP: 5px; POSITION: absolute; TOP: 440px; TEXT-ALIGN: 
justify">

<!------ START BLOGGER CODE -------!>

<BlogItemTitle>
 Subject: <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
 <$BlogItemTitle$>
 <BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
 </div>

<div class="footer">posted by <a href="mailto:INSERT YOUR EMAIL ADDRESSS HERE!!!"><$BlogItemAuthorNickname$></a> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent

link"><$BlogItemDateTime$></a> | 
      <MainOrArchivePage><BlogItemCommentsEnabled>
        <a href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
     </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
    </div>

<Br>

<BlogItemCommentsEnabled><a name="comments"></a>
       <div class="head"><$BlogItemCommentCount$> Comments:</div>

</dt>

<div class="footer"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
  <$BlogCommentDeleteIcon$>
     </div>
    <p>
     </BlogItemComments>

</p>
 <p class="footer">
   <$BlogItemCreate$>
   </BlogItemCommentsEnabled>
    <br />
    <a href="<$BlogURL$>"><< Home</a>
   </p>

</p>
   </div>
</ItemPage>
</Blogger>

<!------ END BLOGGER CODE -------!>

<!------ START RIGHT MODULE -------!>

<DIV style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; LEFT: 500px; PADDING-BOTTOM: 2px; WIDTH: 205px; 
PADDING-TOP: 2px; POSITION: absolute; TOP: -373px; TEXT-ALIGN: justify; BACKGROUND-COLOR:

transparent">
<DIV class=head>About Me</DIV><BR>
 
Springy days :> Yay! Except for the allergies.

<p>

The first step is to make sure your Blogger is in Classic Template mode.
Template tab >> Edit HTML >> Revert to Classic Template

<p>

There's a section under the blogger code that requires you to put in your link. It will show up under your post as "posted by yourblogname @ 12AM" and yourblogname 
will have a link attached to it. Edit that link to anything you like; an email, a webpage, etc.  <p>
Remember that all these sections are editable. You can put anything in (tagboards, music players, youtube vids) or
take out entire sections. Follow the coding.

<p>

Remember that all these sections are editable. You can put anything in (tagboards, music players, youtube vids) or take out entire sections. Follow the coding. For this layout, the right module
items should not exceed <b>205 pixels</b> in width.

</FONT><BR><BR>

<DIV class=head>Archive</DIV><BR>
<BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a> l 
</BloggerArchives><br><br>

<DIV class=head>Friends</DIV><BR>
<marquee>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/06/26703ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/06/26703ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/06/26703ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/06/26703ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/06/26703ab.jpg"></a>
</marquee>
<BR><BR>

<DIV class=head>Music</DIV><BR>
Insert own media :)
<BR><BR>

<DIV class=head>Youtube</DIV><BR>
Because I was nice, I measured it all out for you (: Youtube vids here should be 205 pixels in width and 172 pixels in height.
<object width="205" height="172"><param name="movie" value="http://www.youtube.com/v/akNJ6S2UqsE&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/akNJ6S2UqsE&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="205" height="172"></embed></object>

<DIV class=head>Links </DIV><BR>
<A href="http://.blogspot.com">Link</A><br>
<A href="http://.blogspot.com">Link</A><br>
<A href="http://.blogspot.com">Link</A><br>
<A href="http://.blogspot.com">Link</A><br>
<BR><BR>

<DIV class=head>Design</DIV><BR>Coding and Graphic Design by <b><a href="http://salcha4u.com">salcha4u</a></b>.<br>
However, brush credits <b>DO NOT</b> go to me.<br>
 <BR><BR>

<!------ END RIGHT MODULE -------!>

</div>
</body>
</html>

Layout Comments

Showing latest 4 of 4 comments

Nevermind,i'll just use a different layout

By MissAlleena on Jul 7, 2009 6:10 pm

I really love this layout

im using it now

but im wondering if you could help me a little with it

in the side bar i took out most stuff and put what was right for me

its all looks great
but when i click on a different entry under lastest entries

everything on the side bar moves..
its because of the size of the post i think

i was wondering if you know how to fix that?

im going to try just put breaks at the end of my shorter posts to make them all the same size

but it would be awesome if there was an easy fix

http://kymmmeyers.blo gspot.com/

By MissAlleena on Jul 7, 2009 8:11 am

This is nice! :]

By xMyolie on Jul 17, 2008 8:11 pm

hey.. on my blogger i don't see the edit html

By minnaxo on Apr 22, 2008 9:15 pm

Layout Details

Designer	salcha4u
Submitted on	Apr 6, 2008
Page views	19,152
Favorites	49
Comments	4
Reviewer	Relentless
Approved on	Apr 6, 2008

Sunshine

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates