Home » Blogger Tutorials, Tricks and Hacks » Blogger Comments Tricks » Reply Button to Blogger Comments

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Reply Button to Blogger Comments

Reply Button to Blogger Comments

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error


In our featured post today, I’ll bring you to a tutorial by Wajahat Ahmed of BlueKut on how you can add a cool reply button to Blogger comments.

Follow these simple steps:

  • Go to Blogger Dashboard > Template > Edit HTML.
  • Click Proceed > click the Expand Widget Templates box.
  • Search this code on your template’s HTML.
  • Paste this code after the above code.
<a href='http://www.BlueKut.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&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 it</a></span><a href='http://www.blueKut.com'><img alt='Best Blogger Templates' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a>
  • Save.

Here’s his tip to make it stylish.

If you want to make the button silver, follow the instructions below:

  • Find .post h3 {
  • Copy the code below and paste above step 3.
.h12 {

 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

 box-shadow:inset 0px 1px 0px 0px #ffffff;

 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );

 background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');





 border:1px solid #dcdcdc;






 padding:1px 21px;


 text-shadow:1px 1px 0px #ffffff;

}/*Bluekut.com */

.h12:hover {

 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );

 background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');


}.h12:active {




/* This imageless css button was generated by Bluekut.com */ 
  • Save.

To know more about this awesome tutorial, click HERE.


Liked It ? Please Share


13 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. leiva says:

    really great tuto, i installed it

  2. Freek says:

    Thanks allblogtools this is nice widget

  3. efan says:

    why my blog dont hav this? .post h3 {

  4. Evelyne says:

    There’s no such line on my blog html:

    The closest thing is:

    /* Comments
    ———————————————– */
    .comments .comments-content .icon.blog-author {

    So, where would I insert the code?

  5. Abhijt says:

    not working 🙁

    when I click on that reply button its show 404 not found

    Check It here

  6. Vidzimo says:

    Support! I have exact same problem…

  7. I have the same problem 🙁

  8. ArchiVip says:

    Vamos a comenzar con el objeto directo y, a continuación vamos a aprender el objeto indirecto y reemplazar los dos en una frase. Los pronombres de objeto directo son el “qué” en una frase y que puede ser un objeto o una persona. casas prefabricadas

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here