Log In · Register

 
 
 Closed TopicStart new topic
Help. Layout problem.
cookiedarkside
post Jul 18 2009, 09:12 AM
Post #1


Newbie
*

Group: Member
Posts: 1
Joined: Jul 2009
Member No: 737,523
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>
Reason for edit: Please put codes in codeboxes. Thanks -Nat
 
Panique
post Jul 23 2009, 06:03 AM
Post #2


Newbie
*

Group: Member
Posts: 6
Joined: Jul 2009
Member No: 737,508
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.
 
« Next Oldest · Blogger Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic