Add a Reply Button to Blogger Comments

You would have seen a reply button to each particular comment in wordpress blogs. It gives you and your readers an advantage to reply directly on any comment. With this hack now your user just have to hit the reply button to any particular comment and a pop window will open and they just need to write comment there and publish it. As it will make comments publish fast and easily.

Screenshot :

Comment Box Screenshot:

To add this feature in Blogger comments and make your Blogger / Blogspot blog more useful to your readers just follow these simple steps.

Step 1 :

First you need to know your BLOG ID

To do this log in to Blogger, go to your Blogger Dashboard > Design/Layout > Page Element




And look at the address bar. You will get link like this.



Copy the number after "blogID= " from your blog and paste it in a text editor like notepad.


Step 2 :

Now go to Edit HTML and tick the "Expand Widget Templates" checkbox.






Step 3 :

Now find (CTRL+F) this in the code:

<data:commentPostedByMsg/>

and paste the following code immideately after/below it.

<span class='comment-reply'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Y OUR-BLOG-ID-HERE&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C %61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&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;'>[Reply]</a></span>

Step 3 :

Now you need to change YOUR-BLOG-ID-HERE with your own blog ID (which you have already coppied to the text editor).

Note :
To change the button style change (the code marked in blue)

[Reply]

with the following code below.

<img src='http://www.webaholic.co.in/other/reply-button-style-1.jpg' style='float:right;' title='Reply To This Comment'/>

Step 4 :

Save the template.