Blogger Template Help

Discussion in 'Blogging' started by GuyFromChicago, Jun 24, 2005.

0
  1. #1
    Ok, long day:eek:

    I made a post to my blog today, www.acookingsite.com.

    Check out the sight and you'll see that the text and title of the post are being spaced by the sidebar:confused: I deleted the post I made and have tinkered with an hour or so but have not been able to get it back to "normal".

    "Normal" looks like this: http://www.blogger.com/templates/101/sample.html

    Any ideas?

    Here's the template code:

    <html><head><title><$BlogPageTitle$></title>

<style>

body{margin:0px 0px 0px 0px;font-family:arial, helvetica;background-color:#C3CFE5}
#main{margin:20px;border:1px solid #000;background-color:#fff;padding:0px 0px 15px 15px}
#Title{font-size:43px;padding-left:0px;padding-top:10px;text-transform:none}
#Title a {text-decoration:inherit;color:inherit;}
#Description{padding:0px;padding-top:10px;font-size:12px;font-weight:normal}
.DateHeader{border-bottom:solid 1px #C3CFE5;font-size:18px;text-align:left;margin-top:30px;width:300px;margin-bottom:0px;color:gray;font-weight:bold}
.PostTitle{font-size:16px;font-weight:bold;font-family:arial, helvetica;}
.Post{margin-bottom:20px;font-size:15px;padding-right:15px;line-height:22px;font-family:arial, helvetica;color:black;}
.PostFooter{margin-bottom:10px;margin-left:0px;color:gray;font-size:10px}
#menu{border-left:1px solid #000;border-bottom:1px solid #000;float:right;padding:10px;width:160px;margin:0px 0px 10px 10px;background-color:#eee}
p{margin:0px 10px 10px 10px}
#SideBar{font-size:12px;margin-top:15px}
a{text-decoration:none}
a:hover{background-color:#C3CFE5}
.blogComments{font-size:16px;font-weight:bold;font-family:arial, helvetica;}
.blogComment{margin-bottom:20px;font-size:15px;font-weight:normal;padding-right:15px;line-height:22px;font-family:arial, helvetica;color:black;}
.deleted-comment {font-style:italic;color:gray;}
.byline{margin-bottom:10px;margin-left:0px;margin-right:10px;color:gray;font-size:10px;display:inline;}
.profile-datablock { }
.profile-img {display:inline;}
.profile-img img {float:left;margin:0 10px 5px 0;}
.profile-data strong {display:block;}
.profile-textblock {margin-left:0px;}
.profile-link {margin-left:0px;}
h2.sidebar-title {font-size:inherit;}
</style>
<!-- Meta Information -->
<$BlogMetaData$>


</head><body>

<div id="main">
<div id="menu">
        <div id="Description"><$BlogDescription$></div>
<div id="SideBar">
<br>
<strong>Previous Posts</strong>
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
<br>
<br>
<strong>Advertisements</strong><br />
<script type="text/javascript"><!--
google_ad_client = "pub-8994382491291233";
google_ad_width = 120;
google_ad_height = 240;
google_ad_format = "120x240_as";
google_ad_type = "text";
google_ad_channel ="7646637015";
google_color_border = "F0F0F0";
google_color_bg = "F0F0F0";
google_color_link = ["000000","0000CC","000000","C3CFE5"];
google_color_url = ["000000","000000","0000CC","000000"];
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<a href="http://www.acookingsite.com/cooking_supplies/">Cooking Supply Store</a></br>
<br>
<strong>Archives</strong><br />
<BloggerArchives><a href="<$BlogArchiveURL$>">

<$BlogArchiveName$></a> 

<br></BloggerArchives><script type="text/javascript" language="Javascript">if (location.href.indexOf("archive")!=-1) document.write("<strong><a href=\"<$BlogURL$>\">Current Posts</a></strong>");</script>
<br>

</div>
</div>
<div id="Title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
  </div>
   <Blogger>
   <BlogDateHeader>
        <div class="DateHeader"><$BlogDateHeaderDate$></div>
   </BlogDateHeader>
       <div class="Post">
           <a name="<$BlogItemNumber$>">&nbsp;</a><br />
      <BlogItemTitle><span class="PostTitle"><BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL>

      <$BlogItemTitle$><BlogItemURL></a></BlogItemURL></span><br /></BlogItemTitle>
      <$BlogItemBody$><br />
     <span class="PostFooter">
- Posted by <$BlogItemAuthorNickname$> @ <$BlogItemDateTime$></br>
- Permanent Link: <a href="<$BlogItemPermalinkURL$>" title="permanent link"><$BlogItemTitle$></a><MainOrArchivePage></br>
- Post or Read Comments: <BlogItemCommentsEnabled>&nbsp;<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
      </span>
   </div>


 <ItemPage>
  <div class="blogComments">
<BlogItemCommentsEnabled><a name="comments"></a>
Comments:
<BlogItemComments>
<div class="blogComment">
<a name="<$BlogCommentNumber$>"></a> <$BlogCommentBody$><br />

<div class="byline"><a href="<$BlogCommentPermalinkURL$>" title="permanent link">#</a> posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$></div>
<$BlogCommentDeleteIcon$>
</div>
</BlogItemComments>
<$BlogItemCreate$>
</BlogItemCommentsEnabled>
<br /> <br />

<a href="<$BlogURL$>">&lt;&lt; Home</a>
    </div>
</ItemPage>
</Blogger>
<br />
<a href="http://www.blogger.com"><img alt="Powered by Blogger" border=0 src="http://buttons.blogger.com/bloggerbutton1.gif"></a>

</div>

</body>

</html>
    Code (markup):
    ps - sorry for posting this in the wrong section of the forum:eek:
     
    GuyFromChicago, Jun 24, 2005 IP