Color Me Graffiti

Designer's Comments

Look carefully for specific instructions

Ah, you guys have no idea how long that banner took me.

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. For this layout, the right module
items should not exceed 219 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>Color Me Graffiti 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: #000000;
background-postition: center;
background-image: url(http://cbimg6.com/layouts/08/04/09/26767ac.jpg); background-repeat: 
repeat-y;

scrollbar-face-color:#565256;
scrollbar-arrow-color:#CCCCCC;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color:#000000;
text-align : justify;
font-family : arial, tahoma;
color : #E0D5D3;
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 : #ADE2E9;
font-family : arial, tahoma; }

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

.head {
font-family : arial;
color : #D1C8D7;
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: #D1C8D7;
text-align: left;
background-color: transparent; }

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

#border {border: 5px solid #E1A689;}
#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 : #2AE0BF;}

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

<body>
<DIV style="LEFT:

</DIV><NOEMBED></NOEMBED>
<DIV style="PADDING-RIGHT: 50px; PADDING-LEFT: 149px; LEFT: 0px; PADDING-BOTTOM: 5px; 
WIDTH: 580px; PADDING-TOP: 5px; POSITION: absolute; TOP: 575px; 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: 733px; PADDING-BOTTOM: 2px; WIDTH: 219px; 
PADDING-TOP: 2px; POSITION: absolute; TOP: 10px; TEXT-ALIGN: justify; BACKGROUND-COLOR:

transparent">
<DIV class=head>About Me</DIV><BR>
 
Ah, you guys have no idea how long that banner took me.

<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>

<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>219 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/09/26767ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/09/26767ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/09/26767ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/09/26767ab.jpg"></a>
<a href="http://salcha4u.com"><img src="http://cbimg6.com/layouts/08/04/09/26767ab.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 219 pixels in width and 184 pixels in height.
<object width="219" height="184"><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="219" height="184"></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 10 of 14 comments

Yea Im using this as well and I had the same problem anyway I can fix it?

By xNiNJAx on Sep 30, 2009 7:43 pm

Everything gets all jumbled after like 6 posts...whats up with that?
But its Great anyways, I love the design.

By iLive-iLaugh-iLove on Aug 21, 2009 9:21 pm

hmmms, it works for me. anyways, thanks for the layout! I really, really love it! It looks wonderful, ehehs =)

By xbbylynnie on Jul 2, 2009 12:05 am

"I've changed it to classic but when i view my blog, all my posts are on top of each other. Help?"

This is happening to me too. What do I do?

By w1n5t0n on Feb 11, 2009 6:01 pm

this isn't working for me... am i doing something wrong??

http://pacificoasth wy.blogspot.com/

By T00000 on Dec 28, 2008 5:34 pm

Only if this was for a myspace.. beautiful work of art =D

By byebyelove on Dec 3, 2008 1:25 pm

I've changed it to classic but when i view my blog, all my posts are on top of each other. Help?

By mississyy on Aug 20, 2008 9:36 am

I'm using this and I love it. Thank you. :D

By uaintfly on Aug 13, 2008 12:19 pm

hey,

i'm having problem posting a chatbox to this layout yeah..
could u help me..?
The chatbox actually appeared on the left column, and all my posts are lost in sight

By evanchian on Jun 16, 2008 12:50 pm

it's amazing. i'm using it. but... is there a way to make the tags appear on the right side? you know... the labels of each post. like: love, loneliness etc. on the default layout it was working. thanx in advance.

By FragileDoll on May 20, 2008 4:53 pm

View all »

Layout Details

Designer	salcha4u
Submitted on	Apr 9, 2008
Page views	54,800
Favorites	156
Comments	14
Reviewer	Relentless
Approved on	Apr 9, 2008

Color Me Graffiti

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates