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 :
Reply button to blogger comments
Comment Box Screenshot: 
Comment Box Popup

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

Blogger Design
Blogger page elements

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

Blogger Blog ID

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.

Blogger Edit Html
Blogger Expand Widget



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
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://1.bp.blogspot.com/-eTwpKxFS_R4/TmJonQIjSOI/AAAAAAAACxY/u5ItbdLPBKk/s1600/reply-button-style-1.jpg' style='float:right;' title='Reply To This Comment'/> 

Step 4 :
Save the template. 

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes