I am currently runing a weblog and I am having trouble getting it to load fats. Another problem is I cannot get the links in the <id="main"> to work. My current host is blogger. here's the working copy.
http://theed.blogspot.com
Here's the code if you could please help me (i also know its coded bad):
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">
<head>
<script type="text/javascript" src="http://www.haloscan.com/load/ogie1981"> </script>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<META NAME="copyright" CONTENT="Copyright by Ogie - The Insane">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<META NAME="Title" CONTENT="The Ed">
<META NAME="Keywords" CONTENT="ogie insane, ogie1981, theed, The Ed, insane, painful pleasure, mutley the mad, The Ed of Ogie The Insane, blogger, blogspot, blog, The Emergency Disk ">
<META NAME="Description" CONTENT="This Is The ED Of Ogie. It's Just A blog That I Use To Get Everything Off My Chest... ">
<META NAME="Author" CONTENT="Ogie The Insane">
<META NAME="Subject" CONTENT="Blogger Diary">
<META NAME="Language" CONTENT="English">
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
/*
-----------------------------------------------------
Blogger Template Style
Name: Vertigo
Designer: Mutley The Mad & Ogie The Insane
URL: http://privatepain.blogspot.com & http://theed.blogspot.com
Date: 09 Feb 2005
------------------------------------------------------ */
/* -- basic html elements -- */
body {
padding: 0;
margin: 0;
font: 75% Helvetica, Arial, sans-serif;
color: #474B4E;
background: #fff; text-align: center;
}
a {
color: #6FB0E2;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #33595E;
}
a:hover {
text-decoration: underline;
color: #0094F0;
}
h1 {
margin: 0;
color: #7B8186;
font-size: 1.5em;
}
h1 a {
color: #7B8186;
}
h2, #comments h4 {
font-size: 1em;
margin: 2em 0 0 0;
color: #7B8186;
background: transparent url(http://www.blogblog.com/snapshot_sable/bg-header1.gif) bottom right no-repeat;
padding-bottom: 2px;
}
h3 {
font-size: 1em;
margin: 2em 0 0 0;
background: transparent url(http://www.blogblog.com/snapshot_sable/bg-header1.gif) bottom right no-repeat;
padding-bottom: 2px;
}
h4, h5 {
font-size: 0.9em;
letter-spacing: 2px;
}
h5 {
color: #7B8186;
}
h6 {
font-size: 0.8em;
letter-spacing: 2px;
}
p {
margin: 0 0 1em 0;
}
img, form {
border: 0;
margin: 0;
}
/* -- layout -- */
#content {
width: 890px;
margin: 0 auto;
text-align: left;
background: #DADADA;
}
#header {
height:50px;
background: #D8DADC url(http://www.blogblog.com/snapshot_sable/header-03.gif) 0 0 repeat-y;
}
#header div {
background: #D8DADC;
}
#main {
line-height: 1.4;
padding: 10px 12px;
border-top: solid 1px #fff;
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
font-size: 12px;
}
/* IE5 hack */
#main {}
#sidebar {
margin-left: 428px;
border-top: solid 1px #fff;
padding: 4px 0 0 7px;
background: #fff url(http://www.blogblog.com/snapshot_sable/bg-sidebar3.gif) 1px 0 no-repeat;
}
#sidebar1 {
background: #F1F1F1;
}
#footer {
clear: both;
background: #E9EAEB url(http://www.blogblog.com/snapshot_sable/bg-footer.gif) bottom left no-repeat;
border-top: solid 1px #fff;
}
/* -- header style -- */
#header h1 {
padding: 12px 0 12px 4px;
width: 557px; line-height: 1;
color: #000;
}
/* -- content area style -- */
h3.post-title {
font-size: 16px;
margin-bottom: 0;
color: #01659B;
}
h3.post-title a {
color: #FF6A2E;
}
.post {
clear: both;
margin-bottom: 4em;
}
.post-footer em {
color: #B4BABE;
font-style: normal;
float: left;
}
.post-footer .comment-link {
float: right;
}
#main img {
border: solid 1px #E3E4E4;
padding: 2px;
background: #fff;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* -- sidebar style -- */
#sidebar #description {
border: solid 1px #62C1FC;
padding: 10px 17px;
color: #33595E;
background: #81CDFD url(http://www.blogblog.com/snapshot_sable/bg-profile3.gif);
font-size: 1.2em;
font-weight: bold;
line-height: 0.9;
margin: 0 0 0 -6px;
}
#sidebar1 h2 {
font-size: 1em;
margin: 1.3em 0 0.5em 0;
}
#sidebar dl {
margin: 0 0 10px 0;
}
#sidebar1 ul {
font-size: 0.9em;
list-style: none;
margin: 0;
padding: 0;
}
#sidebar1 li {
padding-bottom: 5px;
line-height: 0.9;
}
#profile-container {
color: #7B8186;
font-size: 0.8em;
}
#profile-container img {
border: solid 1px #7C78B5;
padding: 4px 4px 8px 4px;
margin: 0 10px 1em 0;
float: left;
}
.archive-list {
margin-bottom: 2em;
}
#powered-by {
margin: 10px auto 20px auto;
}
/* -- sidebar style -- */
#footer p {
margin: 0;
padding: 12px 8px;
font-size: 0.9em;
}
#footer hr {
display: none;
}
</style>
</head>
<body>
<br>
<br>
<br>
<!--Begin Table-->
<table id="content" width="100%" cellspacing="5" cellpadding="10">
<colgroup>
<col width="180px" />
<col width="520px" />
<col width="190px" />
</colgroup>
<!-- Begin Header -->
<tr >
<th id="header" colspan="3">
<h1><ItemPage><a href="<$BlogURL$>" ></ItemPage><$BlogTitle$><ItemPage></a></ItemPage></h1>
</th>
</tr>
<!-- End Header -->
<!-- Begin Left Sidebar -->
<tr >
<td valign="top" id="sidebar1" >
<!-- Begin #profile-container -->
<$BlogMemberProfile$>
<!-- End #profile -->
<br>
<p align="center" ><a href="http://mutley.fotopic.net" title="Photo Sharing"><img src="http://photos4.flickr.com/4259848_1bd2a744da_m.jpg" width="168" height="240" alt="Mutley The Mad & Ogie The Insane" /></a></p>
<SUB><p align=center><a herf="http://privatepain.blogspot.com/">My Princess</a> & Myself At Our Engagement Party.</p></SUB>
<br>
<h2 class="sidebar-title">About This Blog</h2>
<p><I>This Is The ED Of Ogie. Is Just A blog That I Use To Get Everything Off My Chest, Waste My Time And Hope That People Will End Up Reading.</P></I>
<h2 class="sidebar-title">Leave A Comment</h2>
<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript" SRC="http://www.tag-board.com/tagboard.js?boardname=Ogie"></SCRIPT>
<table width="200" cellpadding="2" cellspacing="0" border="0">
<tr>
<td width="200" height="200" valign=top>
<iframe src="http://www.tag-board.com/my.tag?name=Ogie" name="tag" width="200" height="200"
marginwidth="0" marginheight="0"></iframe>
<script>netscape_support();</script>
</td>
</tr>
<tr>
<td>
<a href="http://www.tag-board.com/" target="_new">Powered by TagBoard Message Board</a>
</td>
</tr>
<tr>
<td>
<form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="Ogie">
Name<br>
<input name="tagname" maxlength="20"><br>
URL or Email<br>
<input name="tagurl" maxlength="100"><br>
Messages(<a href="http://www.tag-board.com/smilies/smilies.htm" onClick="return pop_up_smilies();" target="_blank">smilies</a>)
<br>
<textarea cols="24" rows="3" name="message" wrap></textarea><br>
<input class=button type="submit" value="TAG" onclick="return Clear_Last_Message_on_Submit();">
</form>
<script>rememberme()</SCRIPT>
</td>
</tr>
</table>
<h2 class="sidebar-title">Interesting Links</h2>
<ul>
<li id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a> <A HREF="http://hitsafari.com/newuser.php?ref=ogie1981"><IMG SRC="http://hitsafari.com/banners/button2.gif" HEIGHT=31 WIDTH=88 BORDER=0 ALT="Join HitSafari"></A></li>
<li><a target="_top" href="http://t.extreme-dm.com/?login=ogie1981">
<img src="http://t1.extreme-dm.com/i.gif" height=38
border=0 width=41 alt=""></a><script language="javascript1.2"><!--
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;//-->
</script><script language="javascript"><!--
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img src=\"http://t0.extreme-dm.com",
"/c.g?tag=ogie1981&j=y&srw="+EXw+"&srb="+EXb+"&",
"l="+escape(EXd.referrer)+"\" height=1 width=1>");//-->
</script><noscript><img height=1 width=1 alt=""
src="http://t0.extreme-dm.com/c.g?tag=ogie1981&j=n"></noscript></li>
<li><a href="http://www.haloscan.com/"><img width="88" height="31" src="http://www.haloscan.com/halolink.gif" border="0" alt="Weblog Commenting and Trackback by HaloScan.com" /></a></li>
<li><a href="http://blogshares.com/blogs.php?blog=http%3A%2F%2Fogie1981.blogspot.com&user=20373"><img src="http://blogshares.com/images/blogshares.jpg" alt="Listed on BlogShares" width="117" height="23"/></a></li>
<li><a href="http://www.blogexplosion.com/index.php?ref=ogie1981"><img src="http://banners.blogexplosion.com/button2.gif" width=88 height=32 border=0></a> </li>
<li><A HREF="http://www.blogclicker.com/index.php?referer=ogie1981" TARGET="_blank"><IMG SRC="http://www.blogclicker.com/banners/bc88x31.gif" BORDER=0></A></li>
<li><a title="Blogger Forum, the Blogging community" target="_blank" href="http://www.bloggerforum.com/">
<img border="0" src="http://www.bloggerforum.com/images/bfstar.gif" width="99" height="21"></a></li>
<li><a href="http://www.fotopic.net/"><img src="http://fotopic.net/about/graphics/logos/fotopic_120x34_b7deed.gif" width="120" hight="34" border="0" alt="Fotopic.Net" /></a></li>
<li><a href="http://flickr.com/"><img width="106" height="35" src="http://flickr.com/images/flickr_logo_beta.gif" border="0" alt="Flicker Photo Site" /></a></li>
<li><a href="http://feeds.feedburner.com/TheEmergencyDisk-UpdatedWheneverForThatExtraExperience" title="Subscribe to my feed"><img src="http://www.feedburner.com/fb/images/pub/fbapix.gif" style="border:0"/></a></li>
</ul>
</td>
<!-- End Left Sidebar -->
<!-- Begin Main -->
<td id="main" style="border: 2px solid #292;" valign="top" >
<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>
<p><$BlogItemBody$></p>
<p class="post-footer">
<em><$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<a href="javascript:HaloScan('<$BlogItemNumber$>');" target="_self"><script type="text/javascript">postCount('<$BlogItemNumber$>'); </script></a> | <a href="javascript:HaloScanTB('<$BlogItemNumber$>');" target="_self"><script type="text/javascript">postCountTB('<$BlogItemNumber$>'); </script></a>
</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>
<p>
<a href="<$BlogURL$>"><< Home</a>
</p>
</div>
</ItemPage>
<!-- End #comments -->
</Blogger></td>
<!-- End Main -->
<!-- Begin Right Sidebar -->
<td id="sidebar1" valign="top">
<br>
<p align="center"><a href="http://www.blogger.com/profile/3048449"><img src="http://images.fotopic.net/ystepl.jpg" align=center border="0" alt="Ogie - The Insane" /></a></p>
<br>
<h2 class="sidebar-title">Friends & Family</h2>
<ul>
<li><a href="http://privatepain.blogspot.com/">Mutley's Painful Pleasure</a></li>
<li><a href="http://mutleythemad.hostrocket.com/">The Home Of Mutley The Mad</a></li>
<li><a href="http://thewrittenwordtwo.blogspot.com/">The Written Word</a></li>
</ul>
<h2 class="sidebar-title">Photo Galleries</h2>
<ul>
<li><a href="http://ogie.fotopic.net/">My Online Photo Gallery</a></li>
<li><a href="http://mutley.fotopic.net/">Mutley's Photo Gallery</a></li>
<li><a href="http://thewrittenwordtwo.fotopic.net/">The Written Word Photo Gallery</a></li>
</ul>
<h2 class="sidebar-title">Blogger Fun</h2>
<ul>
<li><a href="http://flickr.com/">Flicker - Bloggers Free Photo Site</a></li>
<li><a href="http://www.fotopic.net/">Fotopic - Free Photo Site</a></li>
<li><a href="http://www.blogshares.com/index.php">BlogShares - How much is your Blog worth</a></li>
</ul>
<h2 class="sidebar-title">Interesting Blogs</h2>
<ul>
<li><a href="http://oobermensch.blogspot.com/">The Orgy - A loose collection of erotica and prozac</a></li>
<li><a href="http://saintvodkaofthemartini.blogspot.com/">Kill The Goat</a></li>
<li><a href="http://www.frustrationnation.com/">Frustrationnation.com</a></li>
</ul>
<h2 class="sidebar-title">More Me</h2>
<ul>
<li><a href="mailto:ogie1981@hotmail.com"><img src="http://www.nhacks.com/email/email.php?mail_e=OMhdS6v6Yq8%3D&iv=iYF%2FwUI%3D&domain=SG90bWFpbA%3D%3D&ext=0" border="0" alt="Secondary Email" /></a></li>
<li><a href="mailto:ogie1981@gmail.com"><img src="http://www.nhacks.com/email/email.php?mail_e=PsTGeBXeKHQ%3D&iv=nDse8k0%3D&domain=R01haWw%3D&ext=0" border="0" alt="Secondary Email" /></a></li>
<li><a href="<$BlogSiteFeedUrl$>" title="Atom feed"><img src="http://images.fotopic.net/ys6ibi.jpg" border=0 alt="Atom Site Feed"></a></li>
<li><div>My <a href="http://www.leatheregg.com/bloggercode/">blogger code</a>: B7 d- t k+ s+ u f i o++ x+ e++ l c+ (<a href="http://travis.kroh.net/blogger_decoder/?code=B7%20d-%20t%20k%2B%20s%2B%20u%20f%20i%20o%2B%2B%20x%2B%20e%2B%2B%20l%20c%2B">decode it</a>!)</div></li>
</ul>
<h2 class="sidebar-title">Forums of Fun</h2>
<ul>
<li><a href="http://www.ozoneasylum.com/"><img width="88" height="31" src="http://www.ozoneasylum.com/imagestore/asylum.gif" border="0" alt="Ozone Asylum" /></a></li>
<li><a href="http://www.swydm.com/">SWYDM - A Great Forum To Meet & Greet New People Online</a></li>
</ul>
<h2 class="sidebar-title">Links</h2>
<ul>
<li><a href="http://www.hotscripts.com/">All you Programming needs</a></li>
<li><a href="http://www.gamefaqs.com/">Game Cheaters Heaven</a></li>
<li><a href="http://news.google.com.au/">Google Search Engine</a></li>
</ul>
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
<option value="<$BlogURL$>">Current Posts</option>
</BloggerArchives>
</select>
</ul>
</MainOrArchivePage>
<br>
<h2 class="sidebar-title">Searches</h2>
<br>
<p align="center"><form method="get" action="http://technorati.com/cosmos/search.html" style="width:13em;text-align:left">
<fieldset style="padding:4px">
<legend><a href="http://technorati.com/">Technorati</a> search</legend>
<input type="hidden" name="sub" value="searchlet" />
<input style="width:12em" type="text" name="url" maxlength="255" value="" />
<label style="display:block;padding-top:3px" for="ts_yb" title="The Emergency Disk - Updated Whenever For That Extra Experience">
<input type="radio" checked="checked" name="from" id="ts_yb" value="http://theed.blogspot.com" />
this blog</label>
<label style="margin-right:.2em" for="ts_www">
<input type="radio" name="from" id="ts_www" value="" /> all blogs</label>
<input type="submit" value="Search" class="search" />
</fieldset>
</form>
</p>
<p align="center"> <a href="http://www.technorati.com/profile/ogie1981/2597316/c09881b423cac04a19d6f350cf14accb">Technorati Profile</a></p>
<p align="center"><a href="http://www.google.com.au"><img width="128" height="53" src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google Search Engine" /></a></p>
<p align="center"><FORM method=GET action="http://www.google.com/search">
<INPUT TYPE=text name=q size=20 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
<font size=-1>
<input type=hidden name=domains value="http://theed.blogspot.com"><br/>
<input type=radio name=sitesearch value=""> World Wide Web <br/>
<input type=radio name=sitesearch value="http://theed.blogspot.com" checked> http://theed.blogspot.com <br/>
</font>
</FORM>
</P>
<br>
</td>
</tr>
<!-- End Right Sidebar -->
</table>
<!-- End Table-->
<!-- Begin #footer -->
<div id="footer"><hr />
<p align=center>
<map NAME=cmap><area HREF=http://dfhv.com/3266/><area HREF=http://dhhv.com/3266/>
<area HREF=http://dhv9.com/3266/>
<area HREF=http://dhvy.com/3266/>
<area HREF=http://dihv.com/3266/>
<area HREF=http://divh.com/3266/>
<area HREF=http://dkhv.com/3266/>
<area HREF=http://duhv.com/3266/>
<area HREF=http://dyhv.com/3266/>
<area HREF=http://iehv.com/3266/>
<area HREF=http://kdhf.com/3266/>
<area HREF=http://kdhv.com/3266/>
<area HREF=http://kdiv.com/3266/>
<area HREF=http://khvd.com/3266/>
<area SHAPE=rect COORDS=1,2,100,20 HREF=http://udjc.com/3266></map>
<img border=0 usemap=#cmap border=0 src=http://udjc.com/counter/index.php?u=ogie1981&s=a></a></p>
<p align=center><a href="http://123counters.com/">Free Hit Counter</a></p>
</div>
<!-- End #footer -->
</body>
</html>
(Edited by Ogie on 02-10-2005 03:50)
posted 02-10-2005 03:47
