How To Add Reply Option To Blogger Comments

By using reply option in your blogger comment section you can provide your visitors to reply any selected comment easily. You should use this easy comment reply navigation system for your valuable readers who love to participate to your comment community. Whenever a visitor click the reply link to leave a comment, a pop up dialog box will appear with an anchor link in comment box. The link will tell which person has been replied.
So let’s setup this...

  

How to add comment reply option to blogger blog

---

1. Log in to Blogger Blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your template before editing

5. Click Edit HTML, Click Proceed

6. Click "Expand widgets Templates" Box

7. Search for ]]></b:skin> by pressing Ctrl+F

8. Paste the following code just before/ above it

/*------- ShineMat reply comment button style start--------*/
.sm-replycmntbutton{
background:#59F96C;
cursor:pointer;
color:#fff;
margin:7px 0px 0px 5px;
float:right;
border:1px solid#939794;
padding:4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font:11px arial;
}
.sm-replycmntbutton:hover{
background:#9BF9A6;
}
/*------- ShineMat reply comment button style end --------*/

9. Search for <dd class='comment-footer'>
Or class='comment-footer'

10. Now add the below code just before/ above it

<div class='sm-replycmntbutton'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG ID GOES 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=650,height=650&quot;); return false;'>Reply »</a></div>

11. Click Save template, and you are done.

Customization area

---

1. Change #59F96C color on normal mode.

2. Change #9BF9A6 color on mouse hover mode.

3. To find your Blogger ID you must log in to blogger, then see your address bar, you will find something looks like "blogID=7102776242582236723" Just replace the numbers with your blog ID numbers. See the below image.

That's all. Have Fun.

If you enjoyed this post and wish to be notifyed next time whenever a new post is published, then please Subscribe to Email Updates!

Related Posts : Blogger help