Showing the Old Commet Form along with the new Inline Comment Form

Blogger has released the new Inline Comments form.If you haven't implemented it yet implement it at first.Now if you also like to have the old commenting system on your blog you can add the old popup comment window onto your blogs..

For this first get your Blog ID.To get it just goto Layout/Settings/Posting in your blog's dashboard.Now note the url

The marked out portion will be your blog's ID
.Note it down as you will have to use this later in this tutorial

Now find the following piece of code

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

and Replace it with the following if you need the popup comment form

<div class='comment-form'>
<a name='comment-form'/>
<b>Post Your Comment</b> (looking for the <a expr:href='&quot;http://www.blogger.com/comment.g?blogID=707079334502450236&amp;amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;' rel='nofollow'>old comment form</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

If you need the comment form to open in the same window then replace with the following

<div class='comment-form'>
<a name='comment-form'/>
<b>Post Your Comment</b> (looking for the <a expr:href='&quot;http://www.blogger.com/comment.g?blogID=707079334502450236&amp;amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&quot;' rel='nofollow'>old comment form</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Now you will have to change 707079334502450236 with your blogID and you are done..
You can change the text and other stuff and make it more interesting..

Bookmark this post: