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..

14 comments :

  1. Excellent hack! I've subscribed to your feed.
    I had one issue in that my comment box is too much left aligned and I'm not sure how to adjust that. Any ideas welcome. I'm PR4 with 'No Follow' so feel free to comment and get the link love!

    http://paddyinba.blogspot.com/

    ReplyDelete
  2. yes you can make the alignment right by using div styling.. you may use the left-margin attribute to specify how much margin you need on the left of the comment box..

    to dp that just replace
    <div class='comment-form'>
    with <div class='comment-form' style="margin-left : 50px;">

    You may use any width there instead of the 50px i have mentioned..

    ReplyDelete
  3. Great! I fixed it. Thanks for your help!

    ReplyDelete
  4. i have added as per your guide lines, the comment box is displayed but the comments aren't displayed... so please check out my problem and resolve it.. http://update5.blogspot.com

    ReplyDelete
  5. this ne is not working for me...nothing happens when I click on the "post comment" link..any ideas !!

    ReplyDelete
  6. Thanks for the post on new Inline Comments form. I will try this on my blog.

    ReplyDelete
  7. Idk what's wrong w my blog :( no one can post comments now...idk how to fix it. PLEASE HELP?!

    ReplyDelete
  8. to get the comment form..
    find
    <b:include data='post' name='comments' />

    and replace it with

    <b:include data='post' name='comments' />

    <b:include data='post' name='comment-form'/>

    ReplyDelete
  9. now, i am have two comments metode...
    great...thanks ^_^

    ReplyDelete