Help - Search - Members - Calendar
Full Version: Clean Blue Template error
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
ninaseele
Hi guys, I'm trying to change the graphic image of my blog, it's boring and I finally found the template that I want but what's the problem? when I pasted it, blogger gave me a xhtml error... so here i leave the code, PLEAAAAAAAASE i hope you can help me... i need my blog cry.gif
QUOTE
<!-- 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>

<$BlogMetaData$>

<style type="text/css">

/* -- basic html elements -- */
body {
padding: 0;
margin: 0;
font: 75% "Trebuchet MS", Arial, sans-serif;
color: #474B4E;
text-align: center;
background-color: #FFFFFF;
}
a {
color:#0099FF;
text-decoration: none;
}
a:visited {
color: #0087E1;
}
a:hover {
background-color:#6CB6FF;
color: #fff;
}
h1 {
margin: 0;
color: #fff;
font-size: 1.9em;
text-transform: uppercase;
letter-spacing:2px;
}
h1 a {
color:#fff;
}
h1 a:visited {
color:#fff;
}
h1 a:hover {
color:#FF3300;
}
h2 {
font-size: 1em;
margin: 2em 0 0 0;
color: #7B8186;
padding: 0 0 2px 20px;
color:#FF3300;
border-bottom:#CCCCCC dotted 1px;
background:url("http://layouts.cbimg6.com/23/11349d.gif") 0 3px no-repeat;
}

#comments h4 {
font-size: 1em;
margin: 2em 0 0 0;
color: #99CC00;
background-color: #F2FEE0;
padding: 0 0 2px 3px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-top-color: #9c0;
border-bottom-color: #9c0;
}
h3 {
font-size: 1em;
margin: 2em 0 0 0;
padding-bottom: 2px;

}
h4, h5 {
font-size: 0.9em;
text-transform: lowercase;
letter-spacing: 1px;
}
h5 {
color: #7B8186;
}
/*h6 {
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 2px;
}*/
h6 {
font-size: 1em;
margin: 2em 0 0 0;
color: #7B8186;
padding-bottom: 2px;
color:#FF3300;
border-bottom:#CCCCCC dotted 1px;
}
p {
margin: 0 0 1em 0;
}
img, form {
border: 0;
margin: 0;
}


/* -- layout -- */
#content {
width: 700px;
margin: 0 auto;
text-align: left;
background: #fff;
border-left: #CCC 1px solid;
border-right: #CCC 1px solid;
}
#header {
background: #D8DADC url("http://layouts.cbimg6.com/23/11349e.jpg") 0 0 no-repeat;
}
#header div {
}
#main {
line-height: 1.4;
float: left;
padding: 10px 12px;
border-top: solid 1px #fff;
width: 428px;
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 404px;
}
/* IE5 hack */
#main {}
#sidebar {
margin-left: 450px;
padding: 4px 0 0 7px;
}
#footer {
clear: both;
background: #E9EAEB url("http://layouts.cbimg6.com/23/11349f.gif") bottom left no-repeat;
border-top: solid 1px #fff;
}

/* -- header style -- */
#header h1 {
padding: 45px 0px 50px 40px;
width: 557px;
line-height: 1;
}

/* -- content area style -- */
h3.post-title {
font-size: 1.2em;
margin-bottom: 0;
}
h3.post-title a {
color: #333;
}
h3.post-title a:hover {
background-color:#0099FF;
color:#FFFFFF;
}
.post {
clear: both;
margin-bottom: 4em;
}
.post blockquote {
margin: 5px 25px 5px 25px;
color:#333333;
padding: 0 5px 0 5px;
border: 1px dashed #C7B63F;
background-color: #F8F5E7;
}
.post blockquote p {
margin:.5em 0;
}
.post-footer em {
color: #B4BABE;
font-style: normal;
float: left;
}
.post-footer .comment-link {
float: right;
margin-left: 5px;
}
.post-footer .comment-link1 {
float: right;
padding-right: 15px;
background-image: url("http://layouts.cbimg6.com/23/11349g.gif");
background-position: right center;
background-repeat: no-repeat;
}
#main img {
border: solid 1px #999;
padding: 2px;
background: #fff;
}
.deleted-comment {
font-style:italic;
color:gray;
}

/* -- sidebar style -- */
#sidebar h2 {
font-size: 1.3em;
margin: 1.3em 0 0.5em 0;
}
#sidebar dl {
margin: 0 0 10px 0;
}
#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidebar li {
padding-bottom: 5px;
line-height: 15px;
}
#profile-container {
color: #7B8186;
}
#profile-container img {
border: solid 1px #7C78B5;
padding: 4px 4px 8px 4px;
margin: 0 10px 1em 0;
float: left;
}
.go {
background-image:url("http://layouts.cbimg6.com/23/11349h.gif");
background-position:center;
background-repeat:no-repeat;
width: 38px;
border: none;
height: 24px;
margin: 0 0 0 10px;
}
.archive-list {
margin-bottom: 2em;
}
#powered-by {
margin: 10px auto 20px auto;
}
#powered-by a {
}

#powered-by a:hover {
background-color:#FFFFFF;
}


/* -- sidebar style -- */
#footer p {
margin: 0;
padding: 12px 8px;
font-size: 0.9em;
}
#footer hr {
display: none;
}
</style>


</head>



<body>


<!-- Begin #content - Centers all content and provides edges for floated columns -->
<div id="content">

<div id="header"><div>
<h1><ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage></h1>
</div></div>

<!-- Begin #main - Contains main-column blog content -->
<div id="main">

<Blogger>

<BlogDateHeader>
<h6 class="date-header"><$BlogDateHeaderDate$></h6>
</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>

<p><$BlogItemBody$></p>

<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> @ <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-link1" 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-data" id="c000000045"><a name="c<$BlogCommentNumber$>"></a>
At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
<$BlogCommentAuthor$> said...
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>

<p>
<$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>
<a href="<$BlogURL$>"><< Home</a>
</p>
</div>

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

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


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

<p id="description"><$BlogDescription$></p>


<!-- Begin #profile-container -->

<$BlogMemberProfile$>

<!-- End #profile -->

<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<li><a href="http://suga.wordpress.com/" title="link to Suga's blog ;) ">Sugalicious</a></li>
<li><a href="http://www.createblog.com">CreateBlog</a></li>
</ul>
<h2 class="sidebar-title">Friends</h2>
<ul>
<li><a href="http://dontyoupanic.wordpress.com">Don't Panic</a></li>
<li><a href="http://ishmeet.wordpress.com">Ish</a></li>
<li><a href="http://jaysgreenhorns.blogspot.com">Greenhorns</a></li>
<li><a href="http://jaywalkeroeuvre.blogspot.com">Jay</a></li>
<li><a href="http://donblog.quicksilverhq.com">Don</a></li>
<li><a href="http://slimspeare.blogspot.com">Slim</a></li>
</ul>
</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>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
</MainOrArchivePage>
<p> </p>
<p>If you know what you’ve come here for, you can search below :)
<!-- Begin Apollofind code -->
<table border="0" cellpadding="2" cellspacing="0" width="202">
<tr>
<td>
<font size=2 face="arial,helvetica"><form action="http://www.apollofind.com/search.php" method="post" style="margin:0px;" accept-charset="utf-8">
<input type="hidden" name="type" value="simple">
<small><input type="hidden" name="user_id" value="4175"><br><input type="text" size="15" name="query"></small>
<input type="submit" class="go" value=" "><br>
</form></font>
</td>
</tr>
</table>
<noscript><p><a href="http://www.apollofind.com/index.html">Blog Search - Apollofind.com</a></p></noscript>
<!-- End Apollofind code -->

<p id="powered-by"><a href="http://www.blogger.com"><img src="http://layouts.cbimg6.com/23/11349c.gif" alt="Powered by Blogger" /></a></p>
<!--
<p>This is a paragraph of text that could go in the sidebar.</p>
-->



</div>
<!-- End #sidebar -->



<!-- Begin #footer -->
<div id="footer"><hr />
<p><b>Clean Blue</b>. By <a href="http://suga.wordpress.com" target="_blank">Suga</a>. </p>
</div>
<!-- End #footer -->




</div>
<!-- End #content -->

</body>
</html>
<!-- end code provided by createblog.com -->
moorepocket
change this
CODE
<!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">

to
QUOTE
<html>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.