Help - Search - Members - Calendar
Full Version: what the hell am i doing wrong???
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
T00000
Okay. Being that my webdesign skills are extremely rusty, and that I am new to blogger... I wanted to use this layout that I found on cb. I reverted my blog to the "classic mode" or whatever, and then proceeded to insert the following code into my "Edit HTML" section of "Templates":
CODE
<HTML>
<HEAD>
<TITLE>-l o o k c l o s e r-</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:pacificoasthwy@gmail.com"><$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>

</dt>

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

<img src="http://i18.photobucket.com/albums/b137/PacificoastHwy/bloooog.jpg"><br>
Michelle: 21, Atlanta


</FONT><BR><BR>

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


<DIV class=head>Youtube</DIV><BR>
Youtube video of the week:<Br>
(you will appreciate this if you liked "invisible monsters")
<object width="219" height="184"><param name="movie" value="http://www.youtube.com/watch?v=qPREbZ4kIe4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/watch?v=qPREbZ4kIe4" type="application/x-shockwave-flash" wmode="transparent" width="219" height="184"></embed></object>

<BR><BR>

<DIV class=head>Links </DIV><BR>
<A href="http://www.myspace.com/michellebrady">-m y s p a c e-</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><BR>

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


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


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

I really assumed it would be that simple... so why does my blog now look like ka-ka? I saw others post on the layout that it was great and no one else seems to be having any problems with the layout... and I'm rather sad that it doesn't work for me!

-this is my blog, and the end result of what i thought would be a simple cut & paste-

Please help me! This is so embarrassing! What am I doing wrong??
synergy
It appears that right now, you have your blogger set to the Scribe template. What you want to do to fix that would first be to click "Edit HTML" on the top tab and then click "Revert to Classic Template" at the bottom of the edit html page. Click Okay on the prompt. Then, on the page that loads, you'll want to replace everything in the field with your html in the codebox and hit save template changes.

I know that what I've just said is exactly what you've said that you did, and theoretically what you've done should've worked properly. Maybe you just forgot to hit save or something. :/
T00000
I had to put the "Scribe" template back up because the one I kept trying to put in kept messing up... and you can't even read my writing when I have it up! I try to revert back to classic mode, and save it, and then input the html... and it still didn't work. I really don't understand
synergy
-link removed

That's what it looks like when I input the html you've provided in a codebox, and it appears fine to me in Firefox 3.0. Does it appear skewed on your browser? If not, perhaps you have some coding in one of your entries that affects your layout? :/
T00000
Hmmm that one looks fine to me... I think the only coding I really have are like image codes, and simple things like that. It's good to know that it SHOULD be working though, thanks
manny-the-dino
Topic closed? shrug.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.