Fancy Blogger Threaded Comments with Comment Counter!

blogger threaded commentsBlogger threaded comments are everywhere now and its time you redesign the style and format of your comments. A good blog commenting system helps to build a strong readership and help readers to engage more into discussion. Since 2009 we have been introducing various ways of customizing comment forms on blogger blogs. We introduced Facebook Comments Plugin, Customized BlogSpot comment Forms, then Blogger nested comments, Google+ comments and now finally a more appealing and advance version of BlogSpot threaded comments to make your blog stand out. You can see a practical demo of this feature on our blog. You will find a beautiful header with comment policy, total comment count and anchor link to comment form. The nested comments and parent comments are both styled differently. Author comments are styled using a  ribbon that hangs on top-right corner. 

Each comment is automatically counted using CSS3 counter-reset property. I will be sharing the exact stylesheet that we use at MBT as a gift to our readers. Lets start coding!

DEMO

Install Threaded Comments:

If you have not yet upgraded to threaded comments then kindly first follow this easy tutorial below and get back here:

Note: In the above tutorial skip the part where it says to Customize Threaded Comments.

Customize Your Comments Format!

Here we will override your default comment styles with our custom CSS code. We will customize almost everything from profile avatar images to reply and delete links. All I want from you is careful implementation of the easy steps below:

  1. Go To Blogger > Template
  2. Backup your template - You must keep a backup of your copy if incase you wanted to undo steps
  3. Search for this piece of code:

<b:includable id='threaded_comment_css'>

threaded comments CSS

   Click the highlighted region to expand its code. You will now need to replace all the CSS code inside <style>   and </style>   with the following styles:

  
/* Fancy Blogger Threaded Comments by MBT starts */                

.comment-thread ol {
                counter-reset: mbt-comments;
}
            .comment-thread li:before {
            content: &quot;\25C4&quot;counter(mbt-comments) &quot;\25BA&quot;;
            counter-increment: mbt-comments;
            font-size: 16px;
            position: relative;
            top: 100px;
            font-weight: bold;
            font-family: arial, georgia;
            color: rgb(199, 199, 199);
            left: -110px;
            padding: 4px 8px;

}
            .comment-thread ol ol {
            counter-reset: mbt-comments-sub;
              padding-top: 20px!important;
              margin-bottom: 25px;
}
            .comment-thread li li:before {
            content: counter(mbt-comments) &quot;.&quot; counter(mbt-comments-sub);
            counter-increment: mbt-comments-sub;
            font-size: 14px;
            position: relative;
            top: 100px;
                left: -80px;
}
                 
          .comments .comments-content .comment-thread ol ol {
                padding: 0px 10px 40px 40px;
                border: 1px solid #ddd;
                box-shadow: 3px 4px 9px rgb(218, 218, 218);
                margin-top: 10px;
                  }
                .comments .comments-content .comment-thread ol ol li {
                    margin-bottom: -40px;
}
                 
                  .comments {
                    clear: both;
                    margin-top: 10px;
                    margin-bottom: 0px;
                    line-height: 1em; border:0px !important;
                  }
                  .comments .comments-content {
                    font-size: 12px;
                    margin-bottom: 16px;
                    font-family: Verdana;
                    font-weight: normal;
                    text-align:left;
                    line-height: 1.4em;
                    width:88%; margin-left:70px;
                  }

                    .comment-form {
                    max-width: 100%;
                    clear: both;
}
                 
                  .comments .comments-content .comment-thread ol li {
                    margin-top: -30px;
}
                 
                 
                  .comments .comment .comment-actions a {
                 
                    cursor: pointer;
                    color: rgb(46, 46, 46);
                    padding: 2px 3px 2px 30px;
                    Position: RElative;
                    -moz-border-radius: 6px;
                    -webkit-border-radius: 6px;
                    border-radius: 6px;
                    font-family: &#39;Open Sans Condensed&#39;, sans-serif;
                    font-size: 12px;
                    font-weight: 700;
                    margin-right: 15px;
                    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHAkUJ1BvXEWwjOxZCyhd3nwfonsyKoqaxK_tRkEYTazRjrXyDcxXkNI1EPPsyJqnotLh99vO-esfDys0JRz1jzqz1_UX2yyLTQx1hxL9qHkOYS3ohmhprSTENaiTZp5Kgi_oSSAoqW8aH/s1600/reply.png) no-repeat 9px 0px;
                    float:right;
                  }
                 
                
               
                 
                  .comments .comment .comment-actions a:hover {
                    text-decoration: underline;
                   
                  }
                  .comments .comments-content .comment-thread ol {
                    list-style-type: none;
                    padding: 0;
                    text-align: none;
                  }
                 
                  .comments .comments-content .comment-thread ol li {
                  border-bottom: 0px dashed rgb(196, 196, 196);
                    margin-bottom:25px
                  }
                 
                  .comments .comments-content .inline-thread {
                    padding: 0.5em 1em;
                  }
                  .comments .comments-content .comment-thread {
                    margin: 8px 0px;
                  }
                  .comments .comments-content .comment-thread:empty {
                    display: none;
                  }
                  .comments .comments-content .comment-replies {
                    margin-top: 1em;
                    margin-left: 40px;
                    font-size:12px;
                   
                  }
                  .comments .comments-content .comment {
                    margin-bottom:16px;
                    padding-bottom:8px;
                  }
                  .comments .comments-content .comment:first-child {
                    padding-top:16px;
                  }
                  .comments .comments-content .comment:last-child {
                    border:0px;
                    padding-bottom:0;
                  }
                  .comments .comments-content .comment-body {
                    position:relative;
                  }
                  .comments .comments-content .user {
                   
                    font-weight: 700;
                     font-size: 14px;
                    font-family: &#39;Open Sans Condensed&#39;, sans-serif;
                    color: #333!important;
                  }
               
                 
                  .comments .comments-content .icon.blog-author{
                    position: absolute;
                    top: 52px;
                    right: -36px;
                    margin: 5px 0px 0px 0px !important;
                    background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEido6PzBAbbuBr-S2LkFzTzqNoVQH741wnW7QsSsFwjCxfLT6hXwW-lE2d0nuxBM9BnNFIpVbiTBFm2nvjJoQQ8jMq4NB4yH_MPsCPIMqJ89OcxVOgk-26JYCLZqzMCuQ-UTk6JAKzowecg/s320/aDMIN.png&quot;) no-repeat scroll 0% 0% transparent;
                    width: 90px !important;
                    height: 90px !important; }
                 
                 
                  .comments .comments-content .datetime, .comments .comments-content .datetime a {
                    margin:0px;
                    display: block;
                    line-height: 30px!important;
                    font: italic 11px georgia;
                    width:180px;
                  }
                 
                  .comments .comments-content .datetime a {
                    text-decoration:none;
                  }
                  .comments .comments-content .comment-header
                  {
                    margin:0 0 15px 10px;
                  }
                 
                  .comments .comments-content .comment-content {
                    margin: 0 0 10px -50px;
                    }
                 
                  .comment-header a {
                    color:#333;
                  }
                 
                  .comment-header a:hover {
                    color:#666;
                  }
                 
                 
                  .comments .comments-content .comment-content {
                    text-align:justify;
                    text-align: justify;
                    font-family: &#39;Open Sans Condensed&#39;, sans-serif;
                    font-size: 13px;
                    border: 1px solid #ddd;
                    padding: 20px;
                  }
                  .comments .comments-content .owner-actions {
                    position:absolute;
                    right:0;
                    top:0;
                  }
                  .comments .comments-replybox {
                    border: none;
                    height: 250px;
                    width: 100%;
                  }
                  .comments .comment-replybox-single {
                    margin-top: 5px;
                    margin-left: 48px;
                  }
                  .comments .comment-replybox-thread {
                    margin-top: 5px;
                  }
                  .comments .comments-content .loadmore a {
                    display: block;
                    padding: 10px 16px;
                    text-align: center;
                  }
                  .comments .thread-toggle {
                    cursor: pointer;
                    display: inline-block;
                  }
                  .comments .continue {
                    cursor: pointer;
                  }
                  .comments .continue a {
                    display: none;
                    padding: 0.5em;
                    font-weight: bold;
                  }
                  .comments .comments-content .loadmore {
                    cursor: pointer;
                    max-height: 3em;
                    margin-top: 3em;
                  }
                  .comments .comments-content .loadmore.loaded {
                    max-height: 0px;
                    opacity: 0;
                    overflow: hidden;
                  }
                  .comments .thread-chrome.thread-collapsed {
                    display: none;
                  }
                  .comments .thread-toggle {
                    display: inline-block;
                  }
                  .comments .thread-toggle .thread-arrow {
                    display: inline-block;
                    height: 6px;
                    width: 7px;
                    overflow: visible;
                    margin: 0.3em;
                    padding-right: 4px;
                  }
                  .comments .thread-expanded .thread-arrow {
                    background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
                  }
                  .comments .thread-collapsed .thread-arrow {
                    background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
                  }
                  .comments .avatar-image-container {
                    float: left;
                    width: 36px;
                    max-height: 36px;
                    margin-top: 15px;
                    overflow: hidden;
                  }
                  .comments .avatar-image-container img {
                    width: 36px;
                     box-shadow: 2px 2px 0px rgba(0,0,0,0.13)
                  }
                  .comments .comment-block {
                    margin-left: 48px;
                    position: relative;
                  }
                 
                  .comments .comments-content .comment-replies {
                        margin-top: 3em;
                        margin-left: 40px;
                        font-size: 12px;
                            }
                 
                  .comments .comments-content .comment-replies a {
                    color: #333;
                        }

/* For Animating Comment Header*/

.trigger {
margin-top: 3px;
font-weight: bold;
color: #A1A1A1;
cursor: pointer;
float: right;
font-size: 12px;
margin-right: 10px;
}
.triggeractive {
color:rgb(255, 5, 5);
}
.toggle_container {
overflow: hidden;
clear: both;
font-size: 12px;
font-weight: normal;
line-height: 20px;
margin-top: 10px;
}


                  
                  
                  /* Responsive styles. */
                  @media screen and (max-device-width: 480px) {
                    .comments .comments-content .comment-replies {
                      margin-left: 0;
                    }
                  }

/* Fancy Blogger Threaded Comments by MBT  ENDS*/


 

Make these Customizations:

To be honest you will need to use browser inspector to fill up all the missing gaps in alignment and styling. Since every template is coded differently therefore there will be slight difference in how this Design appears on your blog. So use Chrome and its inspect element to perfect things.

  • The yellow highlighted parts represent the Hexadecimal code for the two arrows that surround the Comment Counter Number. You can change this if you know how to edit the content property else leave it default.
  • The brown highlighted code represents the icon next to reply and delete link. you can replace it with your own custom image link if you wish.
  • The green highlighted code represents the Admin Ribbon. You can change it also if you wish
  • Leave all other styles default because they will blend a light background very nicely unless your blog has a black background.

   

4. Next search for this #comments h4   and replace this CSS ID completely with this one:


#comments h4{

color: #4E555A;
font-size: 25px;
font-family: 'Open Sans Condensed', sans-serif!important;
line-height: 1.6em !important;
font-weight: bold;
margin: 20px 0 50px 0px;
padding: 5px 0 5px 55px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn7PEajbKuDVY2W36ZwnzAZqgpvOHEtvLgWrC91lLhre5AyJN5Fse5z0rQPBPqz8QOGVzgznWRNT4lXEccZ1zigkNt-9Qfr3DTfpJakE8pPTbRjGGtrb9r6mAsh4xZv-1j8qIWQP3gfzoI/s1600/mbt-postcomment.png) no-repeat 5px 10px;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.13);
border: 2px dashed #DDD;
border-radius: 4px;

}

5.  Save your template and you are half done!

Design Comment Header

Comment Header with comment policy

Nested comments uses an iframe comment box which can't be customized unless we use JQuery. I therefore removed the message that appears at the top of comment box which display a message above the comment box. We used to add a message above form by going to Blogger > Posts and comments. I removed that option and introduced a much more flexible way of warning visitors about the comment policy.

How it works?

Do you guys remember the Expand/collapse functionality we created for hiding the comment box? We will utilize the exact same script here and create a toggle tab for comment policy.

Be careful here:

  1. Inside your template search for:

<b:if cond='data:post.numComments == 1'>

Now this code will appear a total 2 times inside your template, having the exact similar format as the code below:

Tip: this code will appear once inside <b:includable id='comments' var='post'> and the next time inside <b:includable id='threaded_comments' var='post'>

<h4>
                   <b:if cond='data:post.numComments == 1'>
                     1
                     <data:commentLabel/>
                     :
                     <b:else/>
                     <data:post.numComments/>
                     <data:commentLabelPlural/>
                     :
                   </b:if>

 

</h4>

 

If your code matches the exact code shown above then just above </h4> paste the following HTML:

<a href='#comment-form'>Post Yours!</a> <span class='trigger'>Read Comment Policy &#9660;</span>
<div class='toggle_container'>
<div class='block'>

<font style='color:rgb(255, 0, 0); font-weight:bold;'>PLEASE NOTE:</font>
 
  <br/>
<b><u>We have Zero Tolerance to Spam.</u></b>  Chessy Comments and Comments with <b>Links</b>  will be deleted immediately upon our review.

</div>
</div>

You can replace the entire yellow highlighted part with any message that you would like to display to your readers. You can add links, images, even a video message! anything you want to guide your visitors to avoid spam.

 

Make the Comment Header Animate:

When you click the comment Policy link, the Message slides down. When you click it back it collapses and hides the message. We will use Jquery slideToggle function to apply this effect. I have also included the Google link to "Open Sans condensed" font to style the fonts. Follow these steps:

  1. Paste the following code just above </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed' rel='stylesheet' type='text/css'/>

<script type='text/javascript'>


$(document).ready(function(){


    $(&quot;.toggle_container&quot;).hide();
 
    $(&quot;.trigger&quot;).click(function(){
        $(this).toggleClass(&quot;triggeractive&quot;).next().slideToggle(&quot;slow&quot;);
    });
 
});


</script>

Don't add the bolded code if you have already added JQuery library source link in your template.

  2.  Save your template and you are all done!

Need help?

Oh Of course! You may need a lot of help in customization but relax buddies, I am available for any help needed. I hope this new commenting Theme adds a new life to your blog and makes your blogging journey even more exciting. Please don't forget to spread this knowledge and share it with your friends and loved ones. May peace and mercy of God be on all of you! :)

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 »

91 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. WOW! Great work Mohammad Sir..! You rocks! Keep it up buddy!

    ReplyDelete
    Replies
    1. sir there is not this code in my blog plz help me what to do

      Delete
  2. Bro! I'm facing a problem in installing this fancy commenting system. When I add the css in my template, The main wrapper changes it's place. Currently, It is little above to header but after adding the css it comes down. So it doesn't look pretty. Check my blog's template and I'm waiting for your reply thanks!
    my blog : www.bloggeryard.com

    ReplyDelete
  3. Wow, this is nice bro, thanks for sharing..

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

    ReplyDelete
  5. tried searching for this code for almost the whole day, but didn't see it... is there anyway you can help please???

    ReplyDelete
  6. did not found this html code, after searching for thhe whole day. is there anyway you can assist please? thanks bro

    ReplyDelete
  7. This indeed a very beautiful and eye-catchy threaded comments system for blogger blog.
    Mustafa Sir you done a great job. Thumbing Up to MBT always.

    ReplyDelete
  8. Mustafa Sir is it possible to have a reply button with each child replayer. mean we want a reply button on each and every re-player person. Because in this threaded comment system there is only two step reply buttons. A reply button with each nested child re-player person. it could be easily to answer any person by just clicking on reply button not to go to the top of one existing reply button. So how to do it.

    ReplyDelete
    Replies
    1. Hafiz I get your point but blogger doesn't support three level nested replies. It can contain only one level nested reply

      Delete
    2. u should use disqus comments for your this question

      Delete
  9. I also want to know the answer of Hafeez's question. Hopefully Mustafa bro you replied very soon !

    ReplyDelete
  10. Thanks for sharing. I must try on my blog. This is really advanced design. Wish you all the very best.

    ReplyDelete
  11. Hey Hi,

    Love this tweak, but the comments take lot of vertical space and push the comment box down, which causes issues on posts having lot of comments.

    Do you have tweak by which we can move the comment box on top ? That would be awesome :D

    ReplyDelete
    Replies
    1. @shubham

      The comment form can be modified in several ways but since it involves three sets of b:include tags therefore the method is for advance users only which I can not describe here. It would require a new post

      Delete
  12. ooooohooooooooooo.... thanx man for sharing comments designing...

    ReplyDelete
  13. Amazing Work Sir ! I'm your Big Fan ! Surely you want to check my blog http://www.triposoft.com/ My earning is so very very poor. Please help me !

    ReplyDelete
  14. @Mohammad:
    It is not working for my blog.
    I can't find the code "threaded_comment_css"

    my blog url: pdfuniverse.blogspot.com

    ReplyDelete
    Replies
    1. You can make this
      .. tag after
      ..

      or you can also put this css code before "]]>" but you must delete your previous comment CSS you had.

      Hope I said correct. If not, please forgive me.

      Delete
    2. @waqas

      This is because you have not activated threaded comments. Please do that first by reading this tutorial: »» Threaded comments for custom template

      Delete
  15. Assalamualaikum
    Did i must delete my default comment box css on my template ?

    ReplyDelete
  16. dude please help me...

    I have installed your code in my blog..but if there is no comments under article then its looks like in blod font..

    http://www.wildtricks.com/2013/06/grerggrr.html - check it here.

    But after 1st comments its look fine -- same like your designing...

    ReplyDelete
    Replies
    1. one or problem ...when i clicked on Reply button it didnot work...

      Delete
    2. Just do this. Create this new class and add it above ]]></b:skin>

      .trigger1 {
      margin-top: 3px;
      font-weight: bold;
      color: #A1A1A1;
      cursor: pointer;
      float: right;
      font-size: 12px!important;
      margin-right: 10px;
      }


      Then find this code twice
      <span class='trigger'>

      Replace it with this:

      <span class='trigger trigger1'>

      It will work just fine now :)

      Delete
  17. Another awesome sharing. You are undoubtedly the best blogger, specially for newbie as you always share helpful stuff. However, I would also like to see the answer of question asked by Hafeez and Ankit.

    Please reply bro.

    ReplyDelete
  18. Great :-)

    Looks very professional

    ReplyDelete
  19. I cannot find the piece of code with 'threaded_comment_css' in any portion of my HTML code. Even after doing the first tutorial posted here.

    ReplyDelete
  20. Please, figure out the way to upside down the posted comments. That is new comments come at the top and old lower just like Disqus comments.

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

    ReplyDelete
  22. I think this would make commenting a lot better and would also look better. :)

    ReplyDelete
  23. I am using salahud din ayubi template i failed to find any threaded_comment_css code in the whole template can you plz tell me what to do so i can change the old commenting system with this new one.
    Reagrds:
    www.blogging-heaven.com

    ReplyDelete
  24. I see only google account that could make a comment

    ReplyDelete
  25. I am unable to find in my blog template.

    ReplyDelete
  26. Its wonderful...im really searching for this to add my blog...www.blogtariff.com

    ReplyDelete
  27. Dear Mustafa Bro!
    Can't find the code in blog template.
    "<b:includable id='threaded_comment_css'>"

    ReplyDelete
  28. mery blog ka tu comment wala option hi ni aata. brother plz help me.
    my blog is http://shaheeninstitute.blogspot.com/
    and if wish to reply on my id my email address is hcmqasim95@gmail.com

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

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

    ReplyDelete
  31. Please help me...

    I have installed your code in my blog..but if there is no comments under article then its shows two titles and it is not showing numbers on commented posts.

    Without comments - http://2.bp.blogspot.com/-0CihE6uZpTY/Ud1OC7a_J8I/AAAAAAAA6fo/b3yRCleoR5w/s320/duplicate.jpg

    check please - http://www.blogsdaddy.com/2013/07/setup-feedburner-for-blogger.html


    Help me please....

    ReplyDelete
  32. I cannot find the code #comments h4, Mohammad Mustafa I need your help

    ReplyDelete
  33. iwrahost.com is the reliable hosting in my experience.You can check and try for more best.

    ReplyDelete
  34. i make disqus,
    am i must delete it first ?
    (http://mastersipil.blogspot.com)

    please help me

    ReplyDelete
  35. In my template. I can't find the code.



    Threaded comment activated.. Help please.

    ReplyDelete
  36. cant find the code in my template...what to do?
    threaded comment etc activated....please help..
    my blog is
    http://biocliff.blogspot.com

    Please have a look and please find a solution!

    ReplyDelete
  37. Its not working to my blog :(
    plz tell me why its not working, as soon as possible.
    My blog url is:
    http://onlinebloggertricks.blogspot.com

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

    ReplyDelete
  39. Please Help me. To add the Design Comment Header

    ReplyDelete
  40. Thanks Mohammed,I really appreciate this your wonderful tutorials,its always rare to find anywhere else,great Job.

    Am designing a new blog and i tried to add the fancy threaded comment to it but I couldn't get it,I tried as much as I could still no result,though the comment was threaded but the design like yours wasn't there,have never hard it tough like this on any other tutorial you always give.please help maybe a video tutorial will be better,thanks my blog is www.klokwisedotcom.blogspot.com

    ReplyDelete
  41. Earn Dollars easily by just sign up a account here
    $1 for each friend and true
    http://goo.gl/MpwIVM
    http://goo.gl/MpwIVM
    Join friends

    ReplyDelete
  42. mustafa sir in my blog author ribbon is no appearing on the corner there no author image in the corner plz tell me what to do and i have pasted the css code in ]]> i did not found the first code so then i past it in the bskin my comment have changed to yours style but not author ribbon

    ReplyDelete
  43. Sir But I A Can't Find Any Threaded_comment_css Code Sir Tell Me I Really Want This Widget What Should I Do Now If i Can't Find This Code

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

    ReplyDelete
  45. please this is not working for me


    please kindly check www.turkzconcept.com

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  46. This is a great comment design. IT Works on mine but not properly arrange, :(

    http://tronicflow.blogspot.com/

    ReplyDelete
  47. A O A Bhai..
    The code is not in my template. How can i get it plz help me.

    ReplyDelete
  48. also not Delete nor Reply buttons Show.
    Please have a look here.

    ReplyDelete
  49. this comment threaded will work if i am using other commenting system like qiscus or lyfre for more watch look at :- www.cyberfort.blogspot.com

    ReplyDelete
  50. It is working in my blog. Thanks for it.
    http://goo.gl/jwIkJv

    ReplyDelete
  51. great share iam impressed iam using it in my blog too http://highlycompressedgames4you.blogspot.com/ these made my look much more elagant and keep up the good work

    ReplyDelete
  52. It is a awesome tricks for comment counter.....now i am also using this tricks in my blog http://www.technotrickies.com
    because it was looks like very nice.....so thanks for this post.....

    ReplyDelete
  53. Dear Muhammad
    My blog doesnot have code "threaded_comment_css" so what can i do instead of this code.

    ReplyDelete
  54. Please share your search here widget with your readers

    ReplyDelete
  55. Dear Mohammad brother,
    I have installed this widget in ur MONOP template but it is not working other widget like popular post with fancy number, featured post widget working very fine. I have done as u said but "threaded_comment_css" code is not installed as u said thought that i have kept it copying from ur tutorial again it fancy commenting system is not working in mine MONOP template.
    Plz help me out and give me hint on the place where do I need to customize so that this fancy commenting system will work.
    Regard,
    Nirazz
    http://nirazz.blogspot.com/2014/03/the-barha-bhairav-dance-of-pokhara.html

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

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

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

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

    ReplyDelete
  60. Hi, Great work but he doesn't work for me i can't find and already follow instructions here : Activate Threaded Comments but qtill nothing

    ReplyDelete
  61. Hi, Its not working in my blog. http://bloggingtips4dummies.blogspot.com/. I tried for 4 times. Please help

    ReplyDelete
  62. hello sir in my blog the comment box is not appearing directly plz hlp me..! plz see it here
    http://wikihowit.blogspot.com/

    ReplyDelete
  63. I didn't find this code on my tempate codes. when I checked for comment only, I found a very tiny piece. I use the default simple blogger template

    ReplyDelete
  64. when i apply comment policy codes its not showing

    ReplyDelete
  65. Hello sir
    Awesome comments box . but one problem please help me . my comments link same color .
    How to change link color on change comments box .
    Please reply I'm waiting for Answer today .
    Thanks for reading and information share .

    ReplyDelete