How to Install The Function Threaded Comments

U knw wht it's ? Actually it's look like when someone cmmt our post then we wnna to reply their cmmt below their cmmt . Understd ? Y not u try ok ?

It's very difficult, if u cn't do . Jst asking me to help u . OK?

- Log in > Dashboard > Design > Edit HTML > tick Expand W.T

- Find this code : 

]]></b:skin>

Paste this code B4 

]]></b:skin> 

#comments h4 {font-size: 24px;font-weight: normal;margin: 20px 0;}
.cm_wrap {clear: both;margin-bottom: 10px;float: right;width: 100%;}
.cm_head {margin: 0;width: 70px;float: left;}
.cm_avatar {margin: 0;vertical-align: middle;border: 1px solid #DDD;padding: 3px;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttyVhfdc2DjRs2T-jpNkBeA9xQDUWb5g7izre4yRMnwBmLkyocEBdVwtX8SywgGQ4X7esgJ-UPs-P5NFRWqRQkXjvuW40XaAudEAv8vRNQcDEZu9sBHeJzwPrKBhFM46e_BKPysUDbfE_/s60/684c851af59965b680086b7b4896ff98.png);background-position:center;background-repeat:no-repeat;width: 35px;height: 35px;}
.cm_reply {padding-top: 5px;}
.cm_reply a {display: inline-block;margin: 0;padding: 1px 6px;border: 1px solid #C4C4C4;border-top-color: #E4E4E4;border-left-color: #E4E4E4;color: #424242 !important;text-align: center;text-shadow: 0 -1px 0 white;text-decoration: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #EDEDED;background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );font: 11px/18px sans-serif;}
.cm_reply a:hover {text-decoration: none !important;;background: #ccc;;background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;}
.cm_entry {padding: 16px;background: #F7F7F7;border: 1px solid #E4E4E4;overflow: hidden;}
.cm_arrow {display: block;width: 9px;height: 18px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGvdh90NOuxiIGM6cY95iHogdjOqr4Am3IQ8ll8sXFWk5qFSCbeEWSB8kpEHrA_loka-626c2Uo-xC_AHtTVdSY9VOmctYCrS-U5q4zA8FRpreLeQkYsA_IWDA0NaBXWA7QJoiTNACx5g/s1600/comment-arrow.gif) no-repeat;position: absolute;margin-left: -25px;}
.cm_info {margin-bottom: 5px;}
.cm_name {font-weight: bold;font-size: 12px;float: left;}
.cm_date {font-size: 10px;float: right;font-style: italic;color: #CCC;}
.cm_entry p {margin: 0;font-size: 13px;color: #666;}
.cm_pagenavi {font-size: 10px;text-transform: uppercase;color: #666;text-shadow: 1px 1px white;font-weight: bold;}
.cm_pagenavi a {color: #666;text-decoration: none;padding:10px;}
.cm_pagenavi a:hover {text-decoration: underline}
.cm_pagenavi span {color: #888;background: white;padding: 4px;border: 1px solid #E0E0E0;}

- Then find this code after u complete step B4 this :  </body>

Copy this code n paste B4  

 </body>

<script type="text/javascript" src="http://javscript-code.googlecode.com/files/threaded%20comment.js"></script>

After that Find this code : 

<b:includable id='comments' var='post'>

Delete this code 

<b:includable id='comments' var='post'>

 until  

</b:includable>

Like this :

<b:includable id='comments' var='post'><div class='comments' id='comments'>  <a name='comments'/>  <b:if cond='data:post.allowComments'>        <h4>             <b:if cond='data:post.numComments &gt; 0'>          <b:if cond='data:post.numComments == 1'>            <span id='cm_total'>1</span> comment          <b:else/>            <span id='cm_total'><data:post.numComments/></span> comments          </b:if>        </b:if>        </h4>       ------------ Half of this have delete -------------------
      <b:include data='post' name='comment-form'/>            <b:else/>                <data:post.noNewCommentsText/>            </b:if>            <b:else/>            <b:if cond='data:post.allowComments'>                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>            </b:if>    </b:if>  </b:if>  </div></b:includable>

Now, copy this code n paste at code that u hve detele just now .

<div class='comments' id='comments'>  <a name='comments'/>  <b:if cond='data:post.allowComments'>        <h4>             <b:if cond='data:post.numComments &gt; 0'>          <b:if cond='data:post.numComments == 1'>            <span id='cm_total'>1</span> comment          <b:else/>            <span id='cm_total'><data:post.numComments/></span> comments          </b:if>        </b:if>        </h4>   
        <div id='cm_reply_css'></div>   
        <div class='cm_pagenavi' id='cm_page'></div>   
        <div id='cm_block'>            <b:loop values='data:post.comments' var='comment'>                <b:if cond='data:comment.isDeleted'>                <b:else/>           
                    <div expr:id='data:comment.anchorName'>                        <div class='cm_wrap'>                            <a expr:name='data:comment.anchorName'/>                            <div class='cm_head'>                                <div class='cm_avatar'>                                    <b:if cond='data:blog.enabledCommentProfileImages'>                                        <data:comment.authorAvatarImage/>                                    </b:if>                    
                                </div>                                <div class='cm_reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=532138929042286510&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=600,height=500&quot;); return false;'>Reply</a>                                </div>                            </div>
                            <div class='cm_entry'>                                <span class='cm_arrow'></span>                                <div class='cm_info'>                                    <div class='cm_name'>                                        <b:if cond='data:comment.authorUrl'>                                            <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>                                                <data:comment.author/>                                            </a>                                        <b:else/>                                            <b><data:comment.author/></b>                                        </b:if>                                    </div>                                    <div class='cm_date'>                                        <data:comment.timestamp/>                                        <b:include data='comment' name='commentDeleteIcon'/>                                    </div>                                    <div class='clear'/>                                                                   </div>                           
                                <p><data:comment.body/></p>                            </div>                        </div>                    </div>                </b:if>          
     </b:loop>        </div>
        <div class='cm_pagenavi' id='cm_page_copy'></div>   
    <b:if cond='data:post.embedCommentForm'>            <b:if cond='data:post.allowNewComments'>                <b:include data='post' name='comment-form'/>            <b:else/>                <data:post.noNewCommentsText/>            </b:if>            <b:else/>            <b:if cond='data:post.allowComments'>                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>            </b:if>    </b:if>
  </b:if>  </div>


It been like this:
<b:includable id='comments' var='post'>Paste the code that u hve edit just now</b:includable>

*532138929042286510 - Ur ID blog . Change it .

Look HERE if u dnt knw wht ID blog .