Opening the blog in Mozilla is fine...... looks tight just how I want it.
But when opened in IE the sidebar strays to the bottom of the page?
What do I need to write or fix in the template and where the hell do I exactly put it? Remember! <---------------- Moron here.
Cheers
Peak
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>
<title><$BlogPageTitle$></title>
<meta name="keywords" content="<$BlogTitle$>" />
<meta name="description" content="<$BlogTitle$>" />
<$BlogMetaData$>
<style type="text/css">
/*################# CHANGE THE IMAGE HERE #################*/
#header-k2{background-image: url(http://img146.imageshack.us/img146/1333/pslogo31fn.jpg); background-color:black}
/*################# CHANGE THE IMAGE HERE #################*/
body{font-size:62.5%;font-family:Times;color:#ccc;background-color:#222;text-align:center;margin:20px 0 30px}
#page{background:#000;text-align:left;margin:20px auto;padding:10px;position:relative;width:760px;_width:720px}
#header-k2{cursor:hand;cursor:pointer;padding:0;margin:0;position:relative;height:200px;background-position:center center;background-repeat:no-repeat}
.primary{width:72%;float:left;padding:20px 2% 10px;margin:10}
.secondary{font:1em/1.5em Times;padding:10px 0;margin:0 0 10px 71%;width:25%;color:white;_margin-left:0%;_margin-right:-3%;_width:70%}
.comments{text-align:left;padding:30px 0 0;position:relative}
#footer{margin:10px auto 0}
ul.menu{margin:0;padding:0;position:absolute;bottom:0;left:20px;width:90%}
ul.menu li{display:inline;margin:0}
ul.menu,ul.menu li a{padding:5px 15px 6px}
ul.menu li a{font:Times;color:red;margin:0}
ul.menu li a:hover{background:#222;color:#eee !important;text-decoration:none}
ul.menu li.current_page_item a,ul.menu li.current_page_item a:hover{color:#888 !important;background:black;text-decoration:none}
h1,h2,h3,h4{font-family:Times}
h1{font-size:3em;letter-spacing:-1px;padding-top:75px;margin:0 0 0 40px;font-weight:700;width:100%}
h1,h1 a,h1 a:hover,h1 a:visited,#header-k2 .description{text-decoration:none;color:black}
.primary h2{font-size:2.4em;font-weight:700;margin:0 0 10px;padding:0;letter-spacing:-1px;text-align:center;display:inline}
.secondary h2{font-size:1.5em;font-weight:400;padding:0;display:inline}
.primary h3,.primary h4{font-size:2em;font-weight:400;letter-spacing:-1px;display:inline}
.primary .aside h3{font-size:1.4em;font-weight:400}
.itemhead{margin-top:10px}
.itemtext h3{font-size:1.7em;display:block;padding:15px 0 0}
.itemtext h4{font-size:1.5em;display:block;padding:15px 0 0}
.secondary > div{margin:20px 0 0;padding:0}
.primary .metalink a,.primary .metalink a:visited,
.secondary .metalink a,.secondary .metalink a:visited,.secondary span a,.secondary span a:visited{color:#888;font-weight:400}
.primary .item .itemhead .metalink,.comments .primary .metalink{font-size:1.8em;letter-spacing:-1px;text-transform:lowercase;margin-left:15px}
.comments .primary .metalink{margin:0 15px 0 0;float:none}
.secondary div > .metalink{text-align:right}
.secondary span a{margin-left:10px}
.metalink a span{display:none}
.metalink a:hover > span{display:inline}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a,h4 a:visited{color:red}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited{text-decoration:none}
.metadata{display:block}
.primary .item{margin:0;padding:5px 0 15px}
.primary .item .itemtext{font:1.1em/1.5em Times;text-align:justify}
.primary .item .itemtext p,.primary .item .itemtext ul,.primary .item .itemtext ol,.primary .item .itemtext div,.primary .item .itemtext blockquote{margin:13px 0}
.comments .commentlist{margin:0;padding:20px 0 0;width:100%}
.comments .commentlist li{margin:10px 0 10px 25px;padding:10px 10px 5px;list-style:decimal}
.comments .commentlist li .commentauthor{font-size:1.5em;font-weight:700;letter-spacing:-1px}
.comments .commentlist li.authorcomment{background:#f6f7f8}
.comments form{clear:both;padding:1px 0 30px;margin:0}
input[type=text],textarea{background:#000;font:Times;border:1px #ccc solid;padding:3px;color:#888}
input[type=text]:focus,textarea:focus{background:#555;color:#ccc;border-color:#555}
.comments form input[type=text]{width:45%;margin:5px 5px 1px 0}
.comments form textarea{height:250px;width:100%;padding:2px}
.comments form #submit{margin:0;float:right}
#footer p{text-align:center}
#footer a{color:#888;border-bottom:1px solid #ccc;font-weight:700}
#footer a:hover{border:none;text-decoration:none;color:#aaa}
a:hover,a:visited:hover{text-decoration:underline}
h2 a:hover,h2 span a:hover{color:#white!important}
a{color:white;text-decoration:none}
.itemtext a:visited{color:#b41}
.clear{clear:both !important;margin:0 !important;padding:0 !important}
.primary img{margin-left:-5px;padding:4px;border:1px solid #ccc;max-width:100%}
.center{text-align:center}
.alignright{float:right}
.alignleft{float:left}
small{font-size:.9em;line-height:1.5em;color:#777}
blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('images/quote.png') 10px top no-repeat;border:none}
hr{display:none}
.navigation{text-align:center;margin:10px 0;padding:0;width:100%}
.navigation p{margin:0;padding:0}
.navigation a{color:#999}
.itemtext ol,.itemtext ul{padding:0 0 0 35px;margin:0}
.itemtext ol li,.itemtext ul li{margin:0 0 3px;padding:0}
.secondary ul,.secondary ol,.secondary > div > div{margin:5px 0 0;padding-left:0}
.secondary ul{_margin-left:0}
.secondary ol{margin-left:15px}
.secondary ul li,.secondary ol li{margin:0;padding:1px 0}
.secondary ul li{list-style-type:none;list-style-image:none}
ol li{list-style:decimal outside}
#b-navb script:sh('sendmail')">E-mail this post</a> <$BlogItemControl$></small>
<br />
<div class="hide" id="sendmail">
<form id="cSend" action="http://www.blogger.com/email-post.do" method="post">
<div class="comments-open">
<h3 class="comments-open-header">E-mail this post</h3>
<div class="comments-open-content">
<input type="hidden" name="blogID" value="<$BlogID$>" />
<input type="hidden" name="postID" value="<$BlogItemNumber$>" />
<input type="hidden" name="returnTo" value="<$BlogURL$>" />
<input type="text" name="fromName" class="inputCom" id="fromName" size="20" value="Your name" onblur="if (this.value == '') {this.value = 'Your name';}" onfocus="if (this.value == 'Your name') {this.value = '';}" />
<input type="text" name="fromEmail" class="inputCom" id="fromEmail" size="20" value="Your email" onblur="if (this.value == '') {this.value = 'Your email';}" onfocus="if (this.value == 'Your email') {this.value = '';}" />
<input type="text" name="toEmail" class="inputCom" id="toEmail" size="20" value="Your friend's email" onblur="if (this.value == '') {this.value = 'Your friend\'s email';}" onfocus="if (this.value == 'Your friend\'s email') {this.value = '';}" /><br />
<input type="text" name="messageBody" class="inputCom" size="60" id="messageBody" value="Your message here" maxlength="300" onblur="if (this.value == '') {this.value = 'Your message here';}" onfocus="if (this.value == 'Your message here') {this.value = '';}" />
<script type="text/javascript">
//<![CDATA[
var bgSended = false;
var cSend = document.getElementById('cSend');
cSend.target = 'bgSend';
if (cSend.addEventListener) {
cSend.addEventListener('submit', function(){return cSendPost()}, false);
} else {
cSend.onsubmit = function(){return cSendPost()};
}
if (document.cookie != '') {
cSend.fromName.value = document.cookie.replace(/^.*fromName=?([^;]*);?.*$/, '$1');
cSend.fromEmail.value = document.cookie.replace(/^.*fromEmail=?([^;]*);?.*$/, '$1');
}
function cSendPost() {
with (cSend) {
fromName.value = fromName.value.replace(/^\s+|\s+$/g, '');
fromEmail.value = fromEmail.value.replace(/^\s+|\s+$/g, '');
if (fromName.value == '') {
alert('Please enter your name');
fromName.focus();
return false;
}
if (fromEmail.value == '') {
alert('Please enter your email');
fromEmail.focus();
return false;
}
if (toEmail.value == '') {
alert('Please enter your friend\'s email');
toEmail.focus();
return false;
}
}
bgSended = true;
return true;
}
function bgSendLoad() {
if (bgSended == true) {
if (cSend.notforget.checked) {
var expires = new Date();
expires.setFullYear(expires.getFullYear()+1);
document.cookie = "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" + "; expires=" + expires.toGMTString();
}
alert('Your message has been sent');
}
}
document.write('<iframe style="position:absolute;left:-9999px;top:0" name="bgSend" onload="bgSendLoad()"><\/iframe>');
//]]>
</script>
<input type="submit" class="inputCom" name="post" value="Send" /><br />
<input type="checkbox" id="notforget" /> Remember me (<a href="java script:sh('explanation')">?</a>)
<p class="hide" id="explanation">
<br />
<br />
All personal information that you provide here will be governed by the Privacy Policy of Blogger.com. <a href="http://www.blogger.com/terms.g">More...</a>
</p>
</div>
</div>
</form>
<br />
<hr />
</div>
</div>
<div class="itemtext">
<p><$BlogItemBody$></p>
</div>
</div>
<BlogItemCommentsEnabled>
<hr />
<div class="comments">
<h4><a name="comments"></a><a href="#comments"><$BlogItemCommentCount$> Responses to “<$BlogItemTitle$>”</a></h4>
<ol class="commentlist" id="commentlist">
<BlogItemComments>
<li class="item">
<a name="comment-<$BlogCommentNumber$>"></a>
<span class="commentauthor" style="font-weight:bold"><$BlogCommentAuthor$></span>
<small class="commentmetadata">on <a href="#comment-<$BlogCommentNumber$>"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$></small>
<div class="itemtext">
<p><$BlogCommentBody$></p>
</div>
</li>
</BlogItemComments>
</ol>
<!-- Reply Form -->
<div id="loading" style="display: none;">
Posting your comment...
</div>
<h4>Leave a Reply</h4>
<form name="cFrm" id="cFrm" action="http://www.blogger.com/login-comment.do" method="post">
<input type="hidden" name="blogID" value="<$BlogID$>"/>
<input type="hidden" name="postID" value="<$BlogItemNumber$>"/>
<input type="hidden" name="isPopup" value="false"/>
<input type="hidden" name="iden" value="Other"/>
<p><input type="text" name="anonName" id="author" value="" size="22" tabindex="1" />
<label for="author"><small><strong>Name</strong> (required)</small></label></p>
<p><input type="text" name="anonURL" id="url" value="" size="22" tabindex="2" />
<label for="url"><small><strong>Website</strong></small></label></p>
<p><img class="out" src="http://www.blogger.com/img/gl.bold.gif" width="18" height="18" onMouseOver="this.className='over';sh('bold')" onMouseOut="this.className='out';sh('bold')" onClick='insertTags("<b>","</b>","")' /> <img class="out" src="http://www.blogger.com/img/gl.italic.gif" width="18" height="18" onMouseOver="this.className='over';sh('italic')" onMouseOut="this.className='out';sh('italic')" onClick='insertTags("<i>","</i>","")' /> <img class="out" src="http://www.blogger.com/img/gl.link.gif" width="18" height="18" onMouseOver="this.className='over';sh('link')" onMouseOut="this.className='out';sh('link')" onClick='var lien = prompt("URL :","http://");if(lien!=""&&lien!=null&&lien!="http://"){insertTags("<a href=\"" + lien +"\">","</a>","")} else {}' /> <span id="bold" class="hide">Convert to <b>bold</b></span><span id="italic" class="hide">Convert to <i>italic</i></span><span id="link" class="hide">Convert to <a href="#">link</a></span>
<br />
<textarea name="postBody" id="comment" cols="100%" rows="6" tabindex="3"></textarea></p>
<script type="text/javascript">
//<![CDATA[
document.write('<p><input type="checkbox" name="remember" id="remember" style="width:auto"> <label for="remember">Remember me<\/label><\/p>');
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var bgPosted = false;
var cFrm = document.getElementById('cFrm');
cFrm.target = 'bgpost';
cFrm.onsubmit = function(){return cFrmPost()};
if (document.cookie != '') {
cFrm.anonName.value = document.cookie.replace(/^.*anonName=?([^;]*);?.*$/, '$1');
cFrm.anonURL.value = document.cookie.replace(/^.*anonURL=?([^;]*);?.*$/, '$1');
}
cFrm.postBody.value = '';
function cFrmPost() {
with (cFrm) {
anonName.value = anonName.value.replace(/^\s+|\s+$/g, '');
anonURL.value = anonURL.value.replace(/^\s+|\s+$/g, '');
postBody.value = postBody.value.replace(/^\s+|\s+$/g, '');
if (anonName.value == '') {
alert('Please enter your name');
anonName.focus();
return false;
}
if (postBody.value == '') {
alert('Please enter a comment');
postBody.focus();
return false;
}
anonURL.value = anonURL.value.replace(/^http:\/\//g, '');
}
bgPosted = true;
document.cFrm.post.disabled=true;document.cFrm.post.value="Please wait...";
return true;
}
function bgpostLoad() {
if (bgPosted == true) {
if (cFrm.remember.checked) {
var expires = new Date();
expires.setFullYear(expires.getFullYear()+1);
document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();
}
window.location.reload();
}
}
document.write('<iframe style="position:absolute;left:-9999px;top:0" name="bgpost" onload="bgpostLoad()"><\/iframe>');
//]]>
</script>
<p style="text-align:right">
<input type="button" value=" Preview " onclick="java script:PreviewpostBody()" tabindex="4" /> <input style="font-weight:bold" type="submit" name="post" value=" Post " id="FinalPublish" tabindex="5" />
<br class="clear" />
</p>
</form>
</div>
</BlogItemCommentsEnabled>
</Blogger>
</ItemPage>
</div>
<hr />
<div class="secondary">
<div>
<h2>About me</h2>
<ul>
<li>I'm <strong><$BlogOwnerNickname$></strong></li>
<li>From <strong><$BlogOwnerLocation$></strong></li>
<li><$BlogOwnerAboutMe$></li>
<li><a href="<$BlogOwnerProfileUrl$>">My profile</a></li>
</ul>
</div>
<div>
<MainOrArchivePage>
<h2>Last posts</h2>
<ul>
<BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>
</ul>
</MainOrArchivePage>
<ItemPage>
<h2>Previous posts</h2>
<ul class="module-list">
<BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>
</ul>
</ItemPage>
</div>
<div>
<h2>Archives</h2>
<ul>
<BloggerArchives>
<li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
</div>
<div>
<h2>Links</h2>
<ul>
<!--################################# Put your links here ############################################-->
<li><a href="http://www.syn.org.au">90.7 SYN fm</a></li>
<li><a href="http://www.stealthmag.com">Stealth Magazine</a></li>
<li><a href="http://www.ozhiphop.com">ozhiphop.com</a></li>
<li><a href="http://www.officenational.com.au">Office National</a></li>
<!--################################################################################
####################-->
</ul>
<br />
<a href="<$BlogURL$>/atom.xml">ATOM 0.3</a>
</div>
</div> <br class="clear" />
</div>
<hr />
<p id="footer"><small>
Powered by <a href="http://www.blogger.com">Blogger</a> and <a href="http://blogger-templates.blogspot.com">Blogger Templates</a>
</small></p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><$BlogPageTitle$></title>
<meta name="keywords" content="<$BlogTitle$>" />
<meta name="description" content="<$BlogTitle$>" />
<$BlogMetaData$>
<style type="text/css">
/*################# CHANGE THE IMAGE HERE #################*/
#header-k2{background-image: url(http://img146.imageshack.us/img146/1333/pslogo31fn.jpg); background-color:black}
/*################# CHANGE THE IMAGE HERE #################*/
body{font-size:62.5%;font-family:Times;color:#ccc;background-color:#222;text-align:center;margin:20px 0 30px}
#page{background:#000;text-align:left;margin:20px auto;padding:10px;position:relative;width:760px;_width:720px}
#header-k2{cursor:hand;cursor:pointer;padding:0;margin:0;position:relative;height:200px;background-position:center center;background-repeat:no-repeat}
.primary{width:72%;float:left;padding:20px 2% 10px;margin:10}
.secondary{font:1em/1.5em Times;padding:10px 0;margin:0 0 10px 71%;width:25%;color:white;_margin-left:0%;_margin-right:-3%;_width:70%}
.comments{text-align:left;padding:30px 0 0;position:relative}
#footer{margin:10px auto 0}
ul.menu{margin:0;padding:0;position:absolute;bottom:0;left:20px;width:90%}
ul.menu li{display:inline;margin:0}
ul.menu,ul.menu li a{padding:5px 15px 6px}
ul.menu li a{font:Times;color:red;margin:0}
ul.menu li a:hover{background:#222;color:#eee !important;text-decoration:none}
ul.menu li.current_page_item a,ul.menu li.current_page_item a:hover{color:#888 !important;background:black;text-decoration:none}
h1,h2,h3,h4{font-family:Times}
h1{font-size:3em;letter-spacing:-1px;padding-top:75px;margin:0 0 0 40px;font-weight:700;width:100%}
h1,h1 a,h1 a:hover,h1 a:visited,#header-k2 .description{text-decoration:none;color:black}
.primary h2{font-size:2.4em;font-weight:700;margin:0 0 10px;padding:0;letter-spacing:-1px;text-align:center;display:inline}
.secondary h2{font-size:1.5em;font-weight:400;padding:0;display:inline}
.primary h3,.primary h4{font-size:2em;font-weight:400;letter-spacing:-1px;display:inline}
.primary .aside h3{font-size:1.4em;font-weight:400}
.itemhead{margin-top:10px}
.itemtext h3{font-size:1.7em;display:block;padding:15px 0 0}
.itemtext h4{font-size:1.5em;display:block;padding:15px 0 0}
.secondary > div{margin:20px 0 0;padding:0}
.primary .metalink a,.primary .metalink a:visited,
.secondary .metalink a,.secondary .metalink a:visited,.secondary span a,.secondary span a:visited{color:#888;font-weight:400}
.primary .item .itemhead .metalink,.comments .primary .metalink{font-size:1.8em;letter-spacing:-1px;text-transform:lowercase;margin-left:15px}
.comments .primary .metalink{margin:0 15px 0 0;float:none}
.secondary div > .metalink{text-align:right}
.secondary span a{margin-left:10px}
.metalink a span{display:none}
.metalink a:hover > span{display:inline}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h4 a,h4 a:visited{color:red}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,h4,h4 a,h4 a:hover,h4 a:visited{text-decoration:none}
.metadata{display:block}
.primary .item{margin:0;padding:5px 0 15px}
.primary .item .itemtext{font:1.1em/1.5em Times;text-align:justify}
.primary .item .itemtext p,.primary .item .itemtext ul,.primary .item .itemtext ol,.primary .item .itemtext div,.primary .item .itemtext blockquote{margin:13px 0}
.comments .commentlist{margin:0;padding:20px 0 0;width:100%}
.comments .commentlist li{margin:10px 0 10px 25px;padding:10px 10px 5px;list-style:decimal}
.comments .commentlist li .commentauthor{font-size:1.5em;font-weight:700;letter-spacing:-1px}
.comments .commentlist li.authorcomment{background:#f6f7f8}
.comments form{clear:both;padding:1px 0 30px;margin:0}
input[type=text],textarea{background:#000;font:Times;border:1px #ccc solid;padding:3px;color:#888}
input[type=text]:focus,textarea:focus{background:#555;color:#ccc;border-color:#555}
.comments form input[type=text]{width:45%;margin:5px 5px 1px 0}
.comments form textarea{height:250px;width:100%;padding:2px}
.comments form #submit{margin:0;float:right}
#footer p{text-align:center}
#footer a{color:#888;border-bottom:1px solid #ccc;font-weight:700}
#footer a:hover{border:none;text-decoration:none;color:#aaa}
a:hover,a:visited:hover{text-decoration:underline}
h2 a:hover,h2 span a:hover{color:#white!important}
a{color:white;text-decoration:none}
.itemtext a:visited{color:#b41}
.clear{clear:both !important;margin:0 !important;padding:0 !important}
.primary img{margin-left:-5px;padding:4px;border:1px solid #ccc;max-width:100%}
.center{text-align:center}
.alignright{float:right}
.alignleft{float:left}
small{font-size:.9em;line-height:1.5em;color:#777}
blockquote{margin:20px 0;padding:0 20px 0 50px;background:url('images/quote.png') 10px top no-repeat;border:none}
hr{display:none}
.navigation{text-align:center;margin:10px 0;padding:0;width:100%}
.navigation p{margin:0;padding:0}
.navigation a{color:#999}
.itemtext ol,.itemtext ul{padding:0 0 0 35px;margin:0}
.itemtext ol li,.itemtext ul li{margin:0 0 3px;padding:0}
.secondary ul,.secondary ol,.secondary > div > div{margin:5px 0 0;padding-left:0}
.secondary ul{_margin-left:0}
.secondary ol{margin-left:15px}
.secondary ul li,.secondary ol li{margin:0;padding:1px 0}
.secondary ul li{list-style-type:none;list-style-image:none}
ol li{list-style:decimal outside}
#b-navb script:sh('sendmail')">E-mail this post</a> <$BlogItemControl$></small>
<br />
<div class="hide" id="sendmail">
<form id="cSend" action="http://www.blogger.com/email-post.do" method="post">
<div class="comments-open">
<h3 class="comments-open-header">E-mail this post</h3>
<div class="comments-open-content">
<input type="hidden" name="blogID" value="<$BlogID$>" />
<input type="hidden" name="postID" value="<$BlogItemNumber$>" />
<input type="hidden" name="returnTo" value="<$BlogURL$>" />
<input type="text" name="fromName" class="inputCom" id="fromName" size="20" value="Your name" onblur="if (this.value == '') {this.value = 'Your name';}" onfocus="if (this.value == 'Your name') {this.value = '';}" />
<input type="text" name="fromEmail" class="inputCom" id="fromEmail" size="20" value="Your email" onblur="if (this.value == '') {this.value = 'Your email';}" onfocus="if (this.value == 'Your email') {this.value = '';}" />
<input type="text" name="toEmail" class="inputCom" id="toEmail" size="20" value="Your friend's email" onblur="if (this.value == '') {this.value = 'Your friend\'s email';}" onfocus="if (this.value == 'Your friend\'s email') {this.value = '';}" /><br />
<input type="text" name="messageBody" class="inputCom" size="60" id="messageBody" value="Your message here" maxlength="300" onblur="if (this.value == '') {this.value = 'Your message here';}" onfocus="if (this.value == 'Your message here') {this.value = '';}" />
<script type="text/javascript">
//<![CDATA[
var bgSended = false;
var cSend = document.getElementById('cSend');
cSend.target = 'bgSend';
if (cSend.addEventListener) {
cSend.addEventListener('submit', function(){return cSendPost()}, false);
} else {
cSend.onsubmit = function(){return cSendPost()};
}
if (document.cookie != '') {
cSend.fromName.value = document.cookie.replace(/^.*fromName=?([^;]*);?.*$/, '$1');
cSend.fromEmail.value = document.cookie.replace(/^.*fromEmail=?([^;]*);?.*$/, '$1');
}
function cSendPost() {
with (cSend) {
fromName.value = fromName.value.replace(/^\s+|\s+$/g, '');
fromEmail.value = fromEmail.value.replace(/^\s+|\s+$/g, '');
if (fromName.value == '') {
alert('Please enter your name');
fromName.focus();
return false;
}
if (fromEmail.value == '') {
alert('Please enter your email');
fromEmail.focus();
return false;
}
if (toEmail.value == '') {
alert('Please enter your friend\'s email');
toEmail.focus();
return false;
}
}
bgSended = true;
return true;
}
function bgSendLoad() {
if (bgSended == true) {
if (cSend.notforget.checked) {
var expires = new Date();
expires.setFullYear(expires.getFullYear()+1);
document.cookie = "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" + "; expires=" + expires.toGMTString();
}
alert('Your message has been sent');
}
}
document.write('<iframe style="position:absolute;left:-9999px;top:0" name="bgSend" onload="bgSendLoad()"><\/iframe>');
//]]>
</script>
<input type="submit" class="inputCom" name="post" value="Send" /><br />
<input type="checkbox" id="notforget" /> Remember me (<a href="java script:sh('explanation')">?</a>)
<p class="hide" id="explanation">
<br />
<br />
All personal information that you provide here will be governed by the Privacy Policy of Blogger.com. <a href="http://www.blogger.com/terms.g">More...</a>
</p>
</div>
</div>
</form>
<br />
<hr />
</div>
</div>
<div class="itemtext">
<p><$BlogItemBody$></p>
</div>
</div>
<BlogItemCommentsEnabled>
<hr />
<div class="comments">
<h4><a name="comments"></a><a href="#comments"><$BlogItemCommentCount$> Responses to “<$BlogItemTitle$>”</a></h4>
<ol class="commentlist" id="commentlist">
<BlogItemComments>
<li class="item">
<a name="comment-<$BlogCommentNumber$>"></a>
<span class="commentauthor" style="font-weight:bold"><$BlogCommentAuthor$></span>
<small class="commentmetadata">on <a href="#comment-<$BlogCommentNumber$>"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$></small>
<div class="itemtext">
<p><$BlogCommentBody$></p>
</div>
</li>
</BlogItemComments>
</ol>
<!-- Reply Form -->
<div id="loading" style="display: none;">
Posting your comment...
</div>
<h4>Leave a Reply</h4>
<form name="cFrm" id="cFrm" action="http://www.blogger.com/login-comment.do" method="post">
<input type="hidden" name="blogID" value="<$BlogID$>"/>
<input type="hidden" name="postID" value="<$BlogItemNumber$>"/>
<input type="hidden" name="isPopup" value="false"/>
<input type="hidden" name="iden" value="Other"/>
<p><input type="text" name="anonName" id="author" value="" size="22" tabindex="1" />
<label for="author"><small><strong>Name</strong> (required)</small></label></p>
<p><input type="text" name="anonURL" id="url" value="" size="22" tabindex="2" />
<label for="url"><small><strong>Website</strong></small></label></p>
<p><img class="out" src="http://www.blogger.com/img/gl.bold.gif" width="18" height="18" onMouseOver="this.className='over';sh('bold')" onMouseOut="this.className='out';sh('bold')" onClick='insertTags("<b>","</b>","")' /> <img class="out" src="http://www.blogger.com/img/gl.italic.gif" width="18" height="18" onMouseOver="this.className='over';sh('italic')" onMouseOut="this.className='out';sh('italic')" onClick='insertTags("<i>","</i>","")' /> <img class="out" src="http://www.blogger.com/img/gl.link.gif" width="18" height="18" onMouseOver="this.className='over';sh('link')" onMouseOut="this.className='out';sh('link')" onClick='var lien = prompt("URL :","http://");if(lien!=""&&lien!=null&&lien!="http://"){insertTags("<a href=\"" + lien +"\">","</a>","")} else {}' /> <span id="bold" class="hide">Convert to <b>bold</b></span><span id="italic" class="hide">Convert to <i>italic</i></span><span id="link" class="hide">Convert to <a href="#">link</a></span>
<br />
<textarea name="postBody" id="comment" cols="100%" rows="6" tabindex="3"></textarea></p>
<script type="text/javascript">
//<![CDATA[
document.write('<p><input type="checkbox" name="remember" id="remember" style="width:auto"> <label for="remember">Remember me<\/label><\/p>');
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var bgPosted = false;
var cFrm = document.getElementById('cFrm');
cFrm.target = 'bgpost';
cFrm.onsubmit = function(){return cFrmPost()};
if (document.cookie != '') {
cFrm.anonName.value = document.cookie.replace(/^.*anonName=?([^;]*);?.*$/, '$1');
cFrm.anonURL.value = document.cookie.replace(/^.*anonURL=?([^;]*);?.*$/, '$1');
}
cFrm.postBody.value = '';
function cFrmPost() {
with (cFrm) {
anonName.value = anonName.value.replace(/^\s+|\s+$/g, '');
anonURL.value = anonURL.value.replace(/^\s+|\s+$/g, '');
postBody.value = postBody.value.replace(/^\s+|\s+$/g, '');
if (anonName.value == '') {
alert('Please enter your name');
anonName.focus();
return false;
}
if (postBody.value == '') {
alert('Please enter a comment');
postBody.focus();
return false;
}
anonURL.value = anonURL.value.replace(/^http:\/\//g, '');
}
bgPosted = true;
document.cFrm.post.disabled=true;document.cFrm.post.value="Please wait...";
return true;
}
function bgpostLoad() {
if (bgPosted == true) {
if (cFrm.remember.checked) {
var expires = new Date();
expires.setFullYear(expires.getFullYear()+1);
document.cookie = "anonName=" + unescape(cFrm.anonName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "anonURL=" + unescape(cFrm.anonURL.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "fromName=" + unescape(cSend.fromName.value) + "; path=/" + "; expires=" + expires.toGMTString();
document.cookie = "fromEmail=" + unescape(cSend.fromEmail.value) + "; path=/" + "; expires=" + expires.toGMTString();
}
window.location.reload();
}
}
document.write('<iframe style="position:absolute;left:-9999px;top:0" name="bgpost" onload="bgpostLoad()"><\/iframe>');
//]]>
</script>
<p style="text-align:right">
<input type="button" value=" Preview " onclick="java script:PreviewpostBody()" tabindex="4" /> <input style="font-weight:bold" type="submit" name="post" value=" Post " id="FinalPublish" tabindex="5" />
<br class="clear" />
</p>
</form>
</div>
</BlogItemCommentsEnabled>
</Blogger>
</ItemPage>
</div>
<hr />
<div class="secondary">
<div>
<h2>About me</h2>
<ul>
<li>I'm <strong><$BlogOwnerNickname$></strong></li>
<li>From <strong><$BlogOwnerLocation$></strong></li>
<li><$BlogOwnerAboutMe$></li>
<li><a href="<$BlogOwnerProfileUrl$>">My profile</a></li>
</ul>
</div>
<div>
<MainOrArchivePage>
<h2>Last posts</h2>
<ul>
<BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>
</ul>
</MainOrArchivePage>
<ItemPage>
<h2>Previous posts</h2>
<ul class="module-list">
<BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>
</ul>
</ItemPage>
</div>
<div>
<h2>Archives</h2>
<ul>
<BloggerArchives>
<li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
</div>
<div>
<h2>Links</h2>
<ul>
<!--################################# Put your links here ############################################-->
<li><a href="http://www.syn.org.au">90.7 SYN fm</a></li>
<li><a href="http://www.stealthmag.com">Stealth Magazine</a></li>
<li><a href="http://www.ozhiphop.com">ozhiphop.com</a></li>
<li><a href="http://www.officenational.com.au">Office National</a></li>
<!--################################################################################
####################-->
</ul>
<br />
<a href="<$BlogURL$>/atom.xml">ATOM 0.3</a>
</div>
</div> <br class="clear" />
</div>
<hr />
<p id="footer"><small>
Powered by <a href="http://www.blogger.com">Blogger</a> and <a href="http://blogger-templates.blogspot.com">Blogger Templates</a>
</small></p>
</body>
</html>