Log In · Register

 
Please help with blogger code, not showing up
Kassiah
post Apr 15 2008, 03:29 AM
Post #1


Newbie
*

Group: Member
Posts: 1
Joined: Apr 2008
Member No: 641,013



Hi, I have problem with one of layouts . Please help me!Here is the picture how it looks like when i copy and paste new layout into Edit Template box , basicly layout images showing up but no text, no my posts or anything that should be there...:


and here is my code:

Edit:

QUOTE
removed as incorrect


Ok I sorted it out..it appears that code given here http://www.createblog.com/layouts/code.php?id=26767 is incorrect!
Here is correct one for people who want to use it:

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

<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" background="" style="">

<div id="body" style="position:absolute; z-index:1; top:0; left:0; width:555;">


<META content="MSHTML 6.00.6000.16527" name=GENERATOR></HEAD>
<BODY>
<DIV style="center: 0px; POSITION: absolute; TOP: 0px">

<img src="http://cbimg6.com/layouts/08/04/09/26767aa.jpg" width="1088" height="1002" border="0" alt="" usemap="#Blogger_Color_Me_Graffiti_Map">
<map name="Blogger_Color_Me_Graffiti_Map">
<area shape="rect" alt="" coords="928,482,975,493" href="http://salcha4u.com">
</map>

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

<Blogger>
<BlogDateHeader>
<div class="head"><$BlogDateHeaderDate$>
</BlogDateHeader>

<a name="<$BlogItemNumber$>"></a>
<br>



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

<div class="post-body">
<$BlogItemBody$>
</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>


<ItemPage>
<div id="comments">

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

<p>
<BlogItemComments>
<dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>

<div class="head" style="width:100%"><$BlogCommentAuthor$> said...</div>

</td>

<div class="post-body">
<$BlogCommentBody$>
</div>

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

<BR><BR>

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

<P><P><P><P>


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


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

</div>

</div>
 

Posts in this topic
Kassiah   Please help with blogger code   Apr 15 2008, 03:29 AM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: