Advertise with ShineMat.com at low cost.
Latest Updates:

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.


Blogger reply comment option from shinemat.com

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.

6. Click in the code box and press CTRL+F.

7. Search for ]]></b:skin>

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;
/*shinemat.com*/
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=7872390127382236793" Just replace the numbers with your blog ID numbers. See the below image...

How to find blogger ID

That's all. Do let me know if you need any further assist. Have Fun
Written By:
Topic Under: 4/12/2012
  • Blogger Comments
  • Facebook Comments

5 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. This site is really cool! I found here alot of information that I was looking for. I am really happy to be a part of This site!

    ReplyDelete
  3. great work
    http://www.edirectsms.com

    ReplyDelete

Hi, Your are most welcome and feel free to share your comment(s). We will try to response your comment(s) as soon as possible.

Please DON'T spam here. Spam comments will be deleted just after our review.

Thank You For Being With Us.