Help - Search - Members - Calendar
Full Version: editing
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
sarah13belle
May 9 2007, 11:02 PM
I have entered the below code into my HTML correctly, however I am having trouble finding any editing options. There are things on the blog that I would like to change into my own words- such as the title Sugas sample blog, and some of the side bar items. How do I do this?
moorepocket
May 10 2007, 07:51 PM
providing codes will help.
sarah13belle
May 16 2007, 10:54 AM
I have started fooling around on the layout but not the sidebar is no longer in the sidebar. I did figure out how to customize my sidebar.


CODE
<!-- start code provided by createblog.com -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <title><$BlogPageTitle$></title>

   <!-- Meta Information -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><$BlogMetaData$>

<style type="text/css">

body {
    margin:0;
    padding:10px 0 14px;
    font:11px Verdana,Sans-serif;
    text-align:center;
    color:#CCCCCC;
    background-image:url("http://layouts.cbimg6.com/23/11411c.gif");
    background-position:top;
    background-repeat:repeat-x;
    font-size/* */:/**/small;
    font-size: /**/small;
    background-color:#363533;
}


/* Page Structure
----------------------------------------------- */
#wrap {
    position:relative;
    top:4px;
    left:4px;
    width:725px;
    margin:0 auto;
    text-align:left;
  }
#wrap2 {
    position:relative;
    top:-4px;
    left:-4px;
    padding:0 3px 0 3px;
    margin: 0;
  }
#content {
  background:url("http://layouts.cbimg6.com/23/11411d.gif") repeat-y left top;
  width:100%;
  font-size:85%;
  }
#main {
    width:460px;
    float:left;
  }
#main2 {
  margin:0;
  padding:15px 20px;
  }
#sidebar {
    width:254px;
    float:right;
    padding:0;
  }
#sidebar2 {
  margin:0;
  padding:2px 20px 9px;
  }


/* Links
----------------------------------------------- */
a:link {
  color:#FF6600;
  text-decoration:none;
  }
a:visited {
  color:#FF542E;
  text-decoration:none;
  }
a:hover {
  color:#000;
  background-color:#FF6600;
  text-decoration: none;
  }
a img {
  border-width:0;
  }
#sidebar a:link {
  color:#99CC00;
  text-decoration: none;
  }
#sidebar a:visited {
  color:#999;
  text-decoration: none;
  }
#sidebar a:hover {
  color:#2F343E;
  background-color:#99CC00;
  text-decoration: none;
}


/* Header
----------------------------------------------- */
#header {
  background:url("http://layouts.cbimg6.com/23/11411e.jpg") no-repeat left top;
  padding:0 0 0 0px;
  margin:0;
  color:#fff;
  width:auto;
  width/* */:/**/auto;
  width:auto;
  height: 214px;
  }
#blog-title {
    margin:0;
    padding:60px 45px 0;
    font-size:24px;
    color:#0099FF;
    font-weight:lighter;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#blog-title a {
  color:#fff;
  text-decoration:none;
  }
.postpage #blog-title {
  padding-top:0;
  background-position:0 -40px;
  }


/* Description
----------------------------------------------- */
#description {
  background:#f90 url("http://layouts.cbimg6.com/23/11411f.gif") no-repeat left top;
  margin:0 0 10px;
  padding:12px 0 0;
  color:#fff;
  }
#description p {
  background:url("http://layouts.cbimg6.com/23/11411g.gif") no-repeat left bottom;
  margin:0;
  padding:0 0 12px;
  }
#description em {
  /* To remove the word next to the desription, delete the following background property */
  background:url("http://layouts.cbimg6.com/23/11411h.gif") no-repeat left center;
  /* Keep everything below */
  display:block;
  padding:0 0 0 140px;
  font:bold 75%/1.6em Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:0.1em;
  min-height:12px;
  }
.postpage #description em {
  font-size:1px;
  line-height:1px;
  color:#8df;
  visibility:hidden;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 .5em;
  font:115%/1.4em "Trebuchet Ms",Verdana,Arial,Sans-serif;
  text-transform:lowercase;
  color:#AACD65;
  }
.post {
  margin:0 0 2em;
line-height: 17px;
text-align: justify;
  }
.post-title {
  margin:0 0 .25em;
  font:150%/1.4em "Trebuchet Ms",Helvetica,Arial,Verdana,Sans-serif;
  color:#D0EAFF;
  }
#main .post-title a {
  text-decoration:none;
  color:#D0EAFF;
  }
#main .post-title a:hover {
  color:#0A99F5;
  }
.post p {
  margin:0 0 .75em;
  line-height: 20px;
  text-align: justify;
  }
.post-footer {
  color:#ab9;
  text-transform:lowercase;
  }
.post-footer em {
  font-style:normal;
  color:#ab9;
  }
.post blockquote {
  margin:1em 20px;
  padding:5px 0;
  border:1px dashed #ab9;
  border-width:1px 0;
  }
.post blockquote p {
  margin:.5em 0;
  }
.post img {
  border:5px solid #3E3939;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:2em 0 0;
  border-top:2px solid #dec;
  padding-top:1em;
  }
#comments h4 {
  margin:0 0 .25em;
  font:bold 150%/1.4em Helvetica,Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  color:#D0EAFF;
  }
#comments-block {
  margin:0;
  line-height:1.6em;
  }
.comment-poster {
  margin:0 0 .25em;
  font:bold 112%/1.4em Arial,Verdana,Sans-serif;
  text-transform:lowercase;
  }
.comment-body, .comment-body p {
  margin:0 0 .75em;
  }
p.comment-timestamp {
  margin:-.25em 0 2em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar
----------------------------------------------- */
.sidebar-title {
  margin:1em 0 .25em;
  font:bold 125%/1.4em "Trebuchet MS",Helvetica,Arial,Verdana,Sans-serif;
  color:#D0EAFF;
  text-transform:uppercase;
  background-image:url("http://layouts.cbimg6.com/23/11411i.gif");
  background-repeat:no-repeat;
  background-position:left 50%;
  padding-left:20px;
  
}
#sidebar ul {
  margin:0 0 1.5em;
  padding:0;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 20px;
  text-indent:-20px;
  line-height:1.4em;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.4em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.75em;
  }
.profile-datablock, .profile-textblock {
  margin:0 0 .75em;
  line-height:1.4em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  }
.profile-data {
  font-weight:bold;
  color:#fff;
  }
.profile-data strong {
  display:none;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:10px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
    margin:0;
    padding:5px 0;
    text-align: center;
  }


/* Misc
----------------------------------------------- */
.clear {
  clear:both;
  display:block;
  height:1px;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:1px;
  }
  </style>


</head>



<body>

<!-- Begin wraps -->

<div id="wrap"><div id="wrap2">

<div id="header">
  <div id="blog-title">Baby Hill's Blog</div>
</div><div style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://widget-94.slide.com/widgets/slideticker.swf" height="300" width="400" style="width:400px;height:300px"><param name="movie" value="http://widget-94.slide.com/widgets/slideticker.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="l" /><param name="wmode" value="transparent"/> <param name="flashvars" value="cy=ms&il=1&channel=360287970197383316&site=widget-94.slide.com"/></object><div style="width:400px;text-align:left;"><a href="http://www.slide.com/pivot?ad=1&tt=16&sk=0&cy=ms&th=33&id=360287970197383316&map=1" target="_blank"><img src="http://widget-94.slide.com/p1/360287970197383316/ms_t016_v000_a001_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?ad=1&tt=16&sk=0&cy=ms&th=33&id=360287970197383316&map=2" target="_blank"><img src="http://widget-94.slide.com/p2/360287970197383316/ms_t016_v000_a001_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div>
<!-- Begin #content -->
<div id="content">


<!-- Begin #main -->
<div id="main"><div id="main2">

  <Blogger>

    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>
  
    
  <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>
    
    <BlogItemTitle>
    <h3 class="post-title">
     <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>

     <$BlogItemTitle$>
     <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>
    
    <div class="post-body">
    <p>
      <$BlogItemBody$>
    </p>
    </div>
    
    <p class="post-footer">

      <em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled> |
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>
    </p>
  
  </div>
  <!-- End .post -->

  <!-- Begin #comments -->
<ItemPage>
  <div id="comments">

    <BlogItemCommentsEnabled><a name="comments"></a>
    
    <h4><$BlogItemCommentCount$> Comments:</h4>
    
    <dl id="comments-block">

      <BlogItemComments>

      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
        <p class="comment-timestamp"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a></p>
        <$BlogCommentDeleteIcon$>
      </dd>
      </BlogItemComments>

    </dl>
    
    <p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>        
    <BlogItemBacklinksEnabled>
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>


        <p class="comment-timestamp">
    <a href="<$BlogURL$>"><< Home</a>
    </p>

    </div>

</ItemPage>
  <!-- End #comments -->

</Blogger>
</div></div>
<!-- End #main -->





<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">

  
  <!-- Begin #profile-container -->
  
   <$BlogMemberProfile$>
  
  <!-- End #profile -->

  <MainOrArchivePage>

  </MainOrArchivePage>
  
<h2 class="sidebar-title">Previous Posts</h2>
  
  <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
  </ul>
  
  <MainOrArchivePage>

  <h2 class="sidebar-title">Archives</h2>
  
  <ul class="archive-list">
    <BloggerArchives>
        <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
      </BloggerArchives>
  </ul>
  </MainOrArchivePage>

  <!--
  <p>This is a paragraph of text that could go in the sidebar.</p>
  -->
  <h2 class="sidebar-title">Blogroll</h2>
      <ul>
            <li><a href="http://thomsonbaby.blogspot.com/"> Turkey's Baby Blog aka Momma Heather</a></li>
             <li><a href="http://themackeys00.blogspot.com/"> The Mackey Family Blog</a></li>
             <li><a href="http://lukeamandacantrell.blogspot.com">Amanda and Luke</a></li>
             <li><a href="http://sarareynolds.blogspot.com/">Sara Reynolds</a></li>
           
      </ul>
  <h2 class="sidebar-title">My Wishlist</h2>
    <ul>
        <li><a href="http://www.mbusa.com/models/main.do?modelCode=S65">Future Wheels</a></li>
           <li><a href="http://www.wakeside.com/page/w/PROD/hyperlite_blur_wakeboards_07">A Dream Day</a></li>
           <li><a href="http://www.mastercraft.com/index.php?znfAction=viewDab&series=x&boat=ms200x2.07" >Becoming a Rivebrat </a></li>
               <li><a href="http://www.africansafarihome.com/"> Birthday Trip </a></li>
    </ul>
  <h2 class="sidebar-title">Links</h2>
    <ul>
        <li><a href="http://gizoogle.com/">Memphis Translation to Life</a></li>
        <li><a href="http://rccal.com">Race Central</a></li>
        <li><a href="http://sidestep.com"> Cheap Airline Tix</a></li>
         <li><a href="http://ArdenB.com"> If you feel the need to buuy me some clothes</a></li>
          <li><a href="http://bebe.com"> More clothes! Size 4</a></li>
          <li><a href="http://tamarindobeach.net/vacationrentals.html"> 2008 Bday Party</a></li>
    </ul>
          <li><a href="<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.playlistproject.net/mc/mp3player-othersite.swf?config=http://www.playlistproject.net/mc/config/config_green_shuffle.xml&mywidth=435&myheight=270&playlist_url=http://www.playlistproject.net/loadplaylist.php?playlist=2892271" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/><BR><a href=http://www.playlistproject.net><img src=http://www.playlistproject.net/mc/images/create_green.jpg border=0></a><a href=http://www.playlistproject.net/standalone/2892271 target=_blank><img src=http://www.playlistproject.net/mc/images/launch_green.jpg border=0></a><a href=http://www.playlistproject.net/download/2892271><img src=http://www.playlistproject.net/mc/images/get_green.jpg border=0></a> </div>
</ul>
</div>
</div>
<!-- End #sidebar -->


<em class="clear"> </em>
<div id="footer">
  <p>A <a href="http://suga.wordpress.com" target="_blank">sugalicious</a> template.</p>
</div>
</div>
<!-- End #content -->





</div></div>
<!-- End wraps -->

</body>
</html>
<!-- end code provided by createblog.com -->
moorepocket
May 19 2007, 07:56 PM
change your title.
QUOTE
<title><$BlogPageTitle$></title>

CODE
<title> YOUR TITLE HERE</title>


Changing your comments code.
QUOTE
<p class="post-footer">

<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage><BlogItemCommentsEnabled> |
<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>
</p>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.