Forums > Help. Layout problem.

Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics

cookiedarkside

Jul 18 2009, 09:12 AM

I'm using this html code but it doesn't allow comments on my blogger because there's nothing here in this code. Can anyone help me,please?

Code:

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Everything I ask for</title>

<style type="text/css">
#navbar-iframe {
height:0px; 
visibility:hidden; 
display:none;
}

A:link, A:visited, A:active {
font-family: arial;
font-size: 8pt;
text-decoration: none;
font-weight: none;
background-color: none;
text-transform: lowercase;
color: #99bce4;
letter-spacing: 0pt;
line-height: 100%;
}

A:hover {
text-decoration: none;
font-weight: none; 
color: #777; 
letter-spacing: 0pt; 
text-transform: lowercase; 
cursor: hand; 
background-color: none; 
line-height: 100%;
}

body {
background-color: #eee;
font-family: Arial;
color: #000;
font-size: 8pt;
margin: 0px;
padding: 0px;
line-height: 110%;
text-align: justify;
}

.title {
font-family: georgia;
font-size: 32pt;
color: #fff;
text-align: center;
letter-spacing: 5pt;
line-height: 70%;
font-style: italic;
text-transform: lowercase;
}

.navi {
font-family: arial;
font-size: 8pt;
line-height: 100%;
color: #aaa;
letter-spacing: 2pt;
word-spacing: 0pt;
cursor: default;
padding: 20px;
}

.navi:hover {
background-color: #f8f8f8;
color: #99bce4;
}

#t1 {
width: 525px;
background-color: none;
border: none;
font-family: arial;
font-size: 8pt;
letter-spacing: 0px;
color: #999;
line-height: 110%;
margin-top: 30px;
}

.hdr {
font-family: georgia;
font-size: 12pt;
color: #99bce4;
letter-spacing: 2pt;
text-align: left;
font-style: italic;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
border-bottom: 1px dashed #f8f8f8;
}

.subj {
font-family: georgia;
font-size: 12pt;
color: #99bce4;
letter-spacing: 2pt;
text-align: left;
font-style: italic;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
}

.date {
font-family: Arial;
font-size: 8pt;
color: #777;
letter-spacing: 0pt;
text-align: left;
border-bottom: 1px dashed #f8f8f8;
line-height: 100%;
font-weight: bold;
text-transform: uppercase;
}

.icon {
float: right;
padding: 3px;
border: 1px dashed #f8f8f8;
margin: 3px;
filter:alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
}

.icon:onfocus {
float: right;
padding: 3px;
border: 1px dashed #f8f8f8;
margin: 3px;
}

blockquote {
background-color: #fcfcfc;
border: 1px solid #f4f7fa;
font-family: courier new;
padding: 10px;
color: #555;
}

blockquote:first-letter {
font-size: 13pt;
font-style: italic;
font-family: Georgia;
}

blockquote:hover {
filter:alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
}

::-moz-selection {
color: #777;
background: #F5F5F5;
}

b, strong, i, em, s, strike, u, underline {
color: #555;
cursor: move;
}

u, underline {
background-color: #dfe9f4;
text-decoration: none;
border-bottom: 1px solid #c2d8f1;
line-height: 50%;
}

</head>
</style>

<body>
<table id="t1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" style="overflow-x: hidden;" valign="top">
<div class="title">
Everything I ask for
</div>
</td>
</tr>

<tr>
<td width="100%" style="padding: 10px; background-color: #fff; overflow-x: hidden;" valign="top">
<img src="http://cbimg9.com/layouts/08/12/32984aa.png">
</td>
</tr>

<tr>
<td width="100%" style="padding: 20px; background-color: #fff; border-top: 1px dashed #f8f8f8; border-bottom: 1px dashed #f8f8f8; text-align: center; overflow-x: hidden;" valign="top">
<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"title="Recent">entrées</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"title="Biography">profil</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"title="Friends">amis</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML"title="Tagboard">parlez</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('past').innerHTML"title="Archive">mémoires</span>
</td>
</tr>

<tr>
<td id="main" width="100%" style="background-color: #fff; padding: 10px; overflow-x: hidden;" valign="top">
<div class="hdr">Bienvenue</div>
<p><b>Layout:</b> Everything I ask for<br>
<b>Best viewed:</b> Mozilla Firefox<br>
<b>Screen:</b> 1280X800<br></p>

<p>Disclaimers and whatever here.</p>
</td>

<td id="entries" style="display: none;">
<blogger>
<div class="subj"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<div class="date"><BlogDateHeader>On <$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$></div><br><br>
</blogger>
</td>

<td id="profile" style="display: none;">
<div class="hdr">About me</div>
<img class="icon" src="http://cbimg9.com/layouts/08/12/32984ab.png">
<p>Hello my name is Yeling and I'm a relatively good girl. I am a glutton and I eat the weirdest things you can ever imagine. I eat my veggies and I love celery but not fishballs nor fishcakes. I have an absolutely sweet tooth and I like chocolates and candy floss although they make me look kiddish most of the time. I think bittergourd is awesome and I like to eat raw tomatoes! (Peeks at boyfriend with a cheeky look) I absolutely adore babies and toddlers and I often go gaga over them.<br><br>
So yeah, your tres awesome profile here. Yey.</p>
</td>

<td id="links" style="display: none;">
<div class="hdr">Affiliates</div>
<p><a href="http://friendsurl.blogspot.com" target="_blank">Hibari</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Rokudo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Tsuna</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Colonello</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Kyoko</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Yamamoto</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Gokudera</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Reborn</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Haru</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ryohei</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Chrome</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lambo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">I-Pin</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lal</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Viper</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Squalo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Skull</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Xanxus</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ciel</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Sebastian</a>
</p>
</td>

<td id="tag" style="display: none;">
<div class="hdr">Shout out</div>
<p>Tagboard here. Cbox/shoutmix/haloscan/anything that resembles a tagboard here.<p>
</td>

<td id="past" style="display: none;">
<div class="hdr">By title</div>
<p><Blogger>
<BlogItemTitle>
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a><br>
</BlogItemTitle>
</Blogger></p>

<div class="hdr">By month</div>
<p><BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives></p>
</td>
</tr>

<tr>
<td width="100%" style="border-top: 1px dashed #f8f8f8; text-align: center; padding: 10px; background-color: #fff; overflow-x: hidden;" valign="top">
Layout by <a href="http://www.blogskins.com/me/tuesdaynight" target="_blank">tues</a><a href="http://tuesdaynight.co.nr/" target="_blank">day</a><a href="http://leromantique.livejournal.com/" target="_blank">night</a> / Image from <a href="http://www.flickr.com/photos/12407387@N03/" target="_blank">xo</a>
</td>
</tr>
</table>
</body>
</html>

Panique

Jul 23 2009, 06:03 AM

Comment Tags - Blogger Help.

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Everything I ask for</title>

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

A:link, A:visited, A:active {
font-family: arial;
font-size: 8pt;
text-decoration: none;
font-weight: none;
background-color: none;
text-transform: lowercase;
color: #99bce4;
letter-spacing: 0pt;
line-height: 100%;
}

A:hover {
text-decoration: none;
font-weight: none;
color: #777;
letter-spacing: 0pt;
text-transform: lowercase;
cursor: hand;
background-color: none;
line-height: 100%;
}

body {
background-color: #eee;
font-family: Arial;
color: #000;
font-size: 8pt;
margin: 0px;
padding: 0px;
line-height: 110%;
text-align: justify;
}

.title {
font-family: georgia;
font-size: 32pt;
color: #fff;
text-align: center;
letter-spacing: 5pt;
line-height: 70%;
font-style: italic;
text-transform: lowercase;
}

.navi {
font-family: arial;
font-size: 8pt;
line-height: 100%;
color: #aaa;
letter-spacing: 2pt;
word-spacing: 0pt;
cursor: default;
padding: 20px;
}

.navi:hover {
background-color: #f8f8f8;
color: #99bce4;
}

#t1 {
width: 525px;
background-color: none;
border: none;
font-family: arial;
font-size: 8pt;
letter-spacing: 0px;
color: #999;
line-height: 110%;
margin-top: 30px;
}

.hdr {
font-family: georgia;
font-size: 12pt;
color: #99bce4;
letter-spacing: 2pt;
text-align: left;
font-style: italic;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
border-bottom: 1px dashed #f8f8f8;
}

.subj {
font-family: georgia;
font-size: 12pt;
color: #99bce4;
letter-spacing: 2pt;
text-align: left;
font-style: italic;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
}

.date {
font-family: Arial;
font-size: 8pt;
color: #777;
letter-spacing: 0pt;
text-align: left;
border-bottom: 1px dashed #f8f8f8;
line-height: 100%;
font-weight: bold;
text-transform: uppercase;
}

.icon {
float: right;
padding: 3px;
border: 1px dashed #f8f8f8;
margin: 3px;
filter:alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
}

.icon:onfocus {
float: right;
padding: 3px;
border: 1px dashed #f8f8f8;
margin: 3px;
}

blockquote {
background-color: #fcfcfc;
border: 1px solid #f4f7fa;
font-family: courier new;
padding: 10px;
color: #555;
}

blockquote:first-letter {
font-size: 13pt;
font-style: italic;
font-family: Georgia;
}

blockquote:hover {
filter:alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
}

::-moz-selection {
color: #777;
background: #F5F5F5;
}

b, strong, i, em, s, strike, u, underline {
color: #555;
cursor: move;
}

u, underline {
background-color: #dfe9f4;
text-decoration: none;
border-bottom: 1px solid #c2d8f1;
line-height: 50%;
}

</head>
</style>

<body>
<table id="t1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" style="overflow-x: hidden;" valign="top">
<div class="title">
Everything I ask for
</div>
</td>
</tr>

<tr>
<td width="100%" style="padding: 10px; background-color: #fff; overflow-x: hidden;" valign="top">
<img src="http://cbimg9.com/layouts/08/12/32984aa.png">
</td>
</tr>

<tr>
<td width="100%" style="padding: 20px; background-color: #fff; border-top: 1px dashed #f8f8f8; border-bottom: 1px dashed #f8f8f8; text-align: center; overflow-x: hidden;" valign="top">
<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"title="Recent">entrées</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"title="Biography">profil</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"title="Friends">amis</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML"title="Tagboard">parlez</span><span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('past').innerHTML"title="Archive">mémoires</span>
</td>
</tr>

<tr>
<td id="main" width="100%" style="background-color: #fff; padding: 10px; overflow-x: hidden;" valign="top">
<div class="hdr">Bienvenue</div>
<p><b>Layout:</b> Everything I ask for<br>
<b>Best viewed:</b> Mozilla Firefox<br>
<b>Screen:</b> 1280X800<br></p>

<p>Disclaimers and whatever here.</p>
</td>

<td id="entries" style="display: none;">
<blogger>
<div class="subj"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<div class="date"><BlogDateHeader>On <$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$></div>
<BlogItemCommentsEnabled>
   <a href="<$BlogItemCommentCreate$>" 
   <$BlogItemCommentFormOnClick$>>
   <$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled>

<itempage>

<BlogItemCommentsEnabled>

   <a name="comments"></a>


   <h4><$BlogItemCommentCount$> Comments:</h4>

     
   <BlogItemComments>
      <a name="<$BlogCommentNumber$>"></a>

      <p class="comment-body">
         <$BlogCommentBody$>
      </p>

      <p class="comment-data">
         By <$BlogCommentAuthor$>, at
         <a href="#<$BlogCommentNumber$>">
         <$BlogCommentDateTime$></a>
         <$BlogCommentDeleteIcon$>
      </p>

   </BlogItemComments>

   <p><a href="<$BlogItemCommentCreate$>" 
   <$BlogItemCommentFormOnClick$>>
   Post a Comment</a></p>

</BlogItemCommentsEnabled>

</itempage>

<br>
<br>
</blogger>
</td>

<td id="profile" style="display: none;">
<div class="hdr">About me</div>
<img class="icon" src="http://cbimg9.com/layouts/08/12/32984ab.png">
<p>Hello my name is Yeling and I'm a relatively good girl. I am a glutton and I eat the weirdest things you can ever imagine. I eat my veggies and I love celery but not fishballs nor fishcakes. I have an absolutely sweet tooth and I like chocolates and candy floss although they make me look kiddish most of the time. I think bittergourd is awesome and I like to eat raw tomatoes! (Peeks at boyfriend with a cheeky look) I absolutely adore babies and toddlers and I often go gaga over them.<br><br>
So yeah, your tres awesome profile here. Yey.</p>
</td>

<td id="links" style="display: none;">
<div class="hdr">Affiliates</div>
<p><a href="http://friendsurl.blogspot.com" target="_blank">Hibari</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Rokudo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Tsuna</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Colonello</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Kyoko</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Yamamoto</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Gokudera</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Reborn</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Haru</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ryohei</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Chrome</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lambo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">I-Pin</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lal</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Viper</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Squalo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Skull</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Xanxus</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ciel</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Sebastian</a>
</p>
</td>

<td id="tag" style="display: none;">
<div class="hdr">Shout out</div>
<p>Tagboard here. Cbox/shoutmix/haloscan/anything that resembles a tagboard here.<p>
</td>

<td id="past" style="display: none;">
<div class="hdr">By title</div>
<p><Blogger>
<BlogItemTitle>
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a><br>
</BlogItemTitle>
</Blogger></p>

<div class="hdr">By month</div>
<p><BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives></p>
</td>
</tr>

<tr>
<td width="100%" style="border-top: 1px dashed #f8f8f8; text-align: center; padding: 10px; background-color: #fff; overflow-x: hidden;" valign="top">
Layout by <a href="http://www.blogskins.com/me/tuesdaynight" target="_blank">tues</a><a href="http://tuesdaynight.co.nr/" target="_blank">day</a><a href="http://leromantique.livejournal.com/" target="_blank">night</a> / Image from <a href="http://www.flickr.com/photos/12407387@N03/" target="_blank">xo</a>
</td>
</tr>
</table>
</body>
</html>

That should work. The style on the actual comments when viewing single posts might not be the same as the rest of the blog, but it shouldn't be too hard to find the same style and apply it.

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