How To Enable Threaded Comment in Blogger Custom Template

Recently, blogger had update new feature which is threaded comment. If you use template from blogger you will see your blogger comment in threaded style. So, if you want to add threaded comment in costume template, just follow this instruction.

APPLY THREADED COMMENT IN COSTUME TEMPLATE

1. Go to Dashboard ->> Layout ->> Edit HTML

2. Search this code (Ctrl + F),

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comments'/>
</b:if> 

#maybe this code will appear twice.

3.Replace it with this code,

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

#so replace the provided code twice.

4. Customize your threaded comment, search (Ctrl+F) this tag,

<b:includable id='threaded_comment_css'>
.
.
.
.
until </b:includable>

6. And then replace it with  this CSS [click].

7. Save your template. Refresh your blog to see the result.

Any problem, just leave your comment. :)