Add Reply Button to Blogger Comments

Thursday, 8 November 2012

Add Reply Button to Blogger Comments

If your blog is running well, then you obviously get a lot of comments. Sometimes, you or any other visitor want to reply a particular comment but it is difficult to him/her because by default, blogger does not have the reply button. So through this post, I will tell you how you can add reply button within your blog.

1- Login to you blogger dashboard

2- Click "More Option" against your required blog name (just before "View Blog" option)

3- Select "Template" and Backup/Restore your Template.

4- Choose Customize and then click on Advanced.

5- Add CSS page, scroll down if you see CSS coding and Paste the following code in the last.

.BHD-replycomments{
background:#88c3dc;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:10px sans-serif;
}
.BHD-replycomments:hover{
background:#e1b8e8;
}

6- Click "Apply to Blog" Button and then click "Back to Blogger".
7- Click "Edit HTML" and then Select Proceed and check Expand Widget Templates.
Now Search the Following Coding.

<data:commentPostedByMsg/>

Just after this Paste the following coding.

<div class='BHD-replycomments'><a expr:href='"https://www.blogger.com/comment.g?blogID=*******************&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650"); return false;'>Reply..</a></div>

Add your blog ID from address bar above.
Save your Template and check your comments.

Note: You can change the background color #88c3dc and #e1b8e8 according to your need.