Custom Blogger comments form (2)

There is a way to get rid of the different looking Blogger screen after the post has been processed. The trick is an iframe with an onload.

<form name="commForm" action="http://www.blogger.com/login-comment.do" method="post" onsubmit="bgposted=true">
<div>
  <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"/>
  <label for="uname">Name</label>
  <input type="text" id="uname" name="anonName" maxlength="100"/><br/>
  <label for="url">http: mailto:</label>
  <input type="text" id="url" name="anonURL" maxlength="100"/><br />
  <label for="comment-body">Comment</label>
  <textarea id="comment-body" name="postBody" cols="60" rows="10"></textarea><br />
  <input type="submit" name="post" value="Post"/>
</div>
</form>
<script type="text/javascript">
var bgposted = false;
document.write('<iframe style="position:absolute;left:-9999px;top:0" name="bgpost" onload="if(window.bgposted==true){window.location.reload()}"></iframe>');
document.forms.commForm.target = 'bgpost';
</script>

Update 2005-06-08: See Custom Blogger comments form (3)

Tags:

• Blogger
• Comment form
• Comments form