Add "Reply Link" to Blogger Comments

reply-link-bloggerProviding your readers with easy navigation and fun-to-use tools should always be your first priority. Whether it may be a video blog like YouTube or it may be any forums, all these great sites have a reply link attached to each comment posted on the site. Fortunately we can even add this extremely useful Reply Link to our blogger blogs to make it even more better. On clicking the reply link or reply button, an anchor link to that comment post is pasted in blogger comment pop-up form. That link will show who has been responded or replied. You can see it working just fine on MBT Comments. I am sure you would love to add it to your blogs too. So let's do it!

Add Your Personalized "Reply Link" To Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand widgets Templates" Box
  4. Search For ]]></b:skin>
  5. and paste the code below just above it,

 

/*--------------MBT Reply Link --------------*/

.MBT-replycomments{
background:#ECEAEA;
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;
}
.MBT-replycomments:hover{
background:#E7E7E7;
}

Make these changes:

  • To Change the Link background on active mode edit #ECEAEA
  • To Change the Link Background color on mouse hover edit #E7E7E7
  • Our Color Generator tool will be helpful

    6.    Now Search for,

<dd class='comment-footer'>

or just this,

class='comment-footer'

and just above it paste the "Reply Link" Code below,

<div class='MBT-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=*******************&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>

 

  • You can replace the text Reply.. with anything you like
  • Replace with your BLOG ID. If your are logged into your blogger account then look at your browser address bar. You can clearly see a 18-19 digit code. Just copy it and paste it in place of *******************

blog-id

  7.   Save your template and view your blog comments the WordPress way! :>

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

49 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. I am expecting a reply button and a better comment section for blogger officially atleast after its new redesign. Instead of adding this way, its better to wait and watch....

    ReplyDelete
  2. @Shadab
    Congratx pal!

    @Amit

    Why would you wait bro when you can do it by yourself? It will take months or may be years for the request to get accepted by google. :>

    ReplyDelete
  3. Done!!! :)
    It was much needed.

    ReplyDelete
  4. @Triyono

    Sure you can do that Just replace <b>Reply..</b> with this,
    <img src="Image Link" border="0"/>

    Replace Image link with the URL of Reply picture.

    ReplyDelete
  5. Hi Mohammad,

    I enjoyed reading through your instructions. Pretty simple and straight forward. This will definitely help confused bloggers out there who would want to have a personalised link reply on their own blogs.

    ReplyDelete
  6. hi mohammed

    I am getting an error when i am clicking 'Reply' button.The error is bX-23676z.How to solve this

    Regards,

    V.Murali

    ReplyDelete
  7. Thanks for the oportunity to hang out on here and learn some stuff I never heard of www.mybloggertricks.com before.

    ReplyDelete
  8. @smart traffic

    My pleasure pal. You are always welcomed here buddy. :>

    @Murali
    That is a temporary error from blogger and is not linked to the Reply button. Don't worry it wont occur frequently

    ReplyDelete
  9. thanks a lot for the posting...........i neid many guides for design blog... i am a new blogger

    ReplyDelete
  10. its not working for me, please help me to fix it, i have upgraded to new blogger.

    ReplyDelete
  11. would you please explain, what do u mean by above? do we paste the code before the give lines or after the give lines, please reply

    ReplyDelete
  12. iam getting error sorry we are unable to process your request.

    ReplyDelete
  13. I added the reply button - but it does not reply to the actual comment. It appears as the last comment - just like the usual plain Blogger comments. So why add the Reply button if it does not actually reply to the comment?

    ReplyDelete
  14. @Amit M B Is it really replying to your comment? Just checking if this works.

    ReplyDelete
  15. Mere site ke liye acha koi template batayiye aur mere liye achasa site traffic badhane ke liye kuch tips chahiye.

    Usman Ali

    ReplyDelete
  16. wow... thanks so much... i will test it now!

    ReplyDelete
  17. i was about to fall off the chair because it works but i was expecting the reply comment would be situated right below the comment you replied. it still like the rest of the comments though there is the "@name", does not really made the big difference.

    but it still very helpful. thank you

    ReplyDelete
  18. Thank you! I've been wanting this on my page for a while. Works great.

    ReplyDelete
  19. Mohammad, thanks, this is awesome. I know that the reply comments go to the bottom, but I'm wondering how you managed to reply to two people within the same box.... Can you tell I know nothing about this stuff??? Thanks.

    ReplyDelete
  20. Thanks a lot for this advice. It looks great!

    ReplyDelete
  21. Thank you for making this tutorial!!! It was super easy to use, one of the best tutorials I've found for adding things to my blog. I did it in less than five minutes, and I didn't even mess anything up on my blog, thank you for being awesome!

    ReplyDelete
  22. thank you very much

    ReplyDelete
  23. i can't find class='comment-footer' wat 2 do?

    ReplyDelete
  24. Thank you. This is very interesting :)

    ReplyDelete
  25. Thank you for this, it has helped me out greatly! :-)

    ReplyDelete
  26. Hi. Great Fantastic Blog! I've spent the night reading.
    I must have messed up my HTML code somewhere as the reply botton is not working at all. The only way to reply to the posts is to use my smartphone.
    Is there a possibility you helping me?
    Thank you very much

    My blog: http://sweetandthatsit.blogspot.com

    You will notice that I'm better in baking than in editing blogs :-)

    ReplyDelete
  27. hy..
    thats not work for me...i tried again and post all things after this..
    ]]>
    but did,nt work,.,,
    just all code are on shown on top of my website...
    :(

    help me please

    ReplyDelete
  28. Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.


    Some Error On My Blog :( http://pkaccounts.blogspot.com/

    ReplyDelete
  29. Whenever i try to do this just show me this message i do not know why?

    We're sorry, but we were unable to complete your request.

    When reporting this error to Blogger Support or on the Blogger Help Group, please:

    Describe what you were doing when you got this error.
    Provide the following error code.

    bX-msnsab

    This information will help us to track down your specific problem and fix it! We apologize for the inconvenience.
    Close

    ReplyDelete
  30. In my template I have 3 same code
    class='comment-footer'
    please help which one should i put replay code

    ReplyDelete
  31. Thank you for sharing your information but i want to say something about your blog.. in this information there is some problem with reply button it s not work properly...you have to check it attest once.....

    ReplyDelete
  32. @wsongs
    yes you are right ! i think code is correct but doesnt work for Dynamic Templates.
    Put last code given in this site just below this line

    i am damn sure it will work. :)

    ReplyDelete
  33. This comment has been removed by the author.

    ReplyDelete
  34. Hi Mohammed, How do I remove the excess space between my post title and post body. Also, how do i expand my slider to fit the container. Lastly how do i expand my sidebar as well as add a gadget for a 768x90 adsense code just below the header?

    Thanks!

    ReplyDelete
  35. u are awesome.. i am follower of you.. thanks

    ReplyDelete
  36. I have been waiting for someone to share this post. This has actually made me think and I hope to read more. Thanks a lot for sharing with us.

    ReplyDelete