Heroes Blogger Template Freemium

<b:includable id='threadedComments' var='post'>
  <div class='comments-content'>
    <b:if cond='data:post.comments'>
      <b:loop values='data:post.comments' var='comment'>
        <b:if cond='!data:comment.inReplyTo'> 
          <div class='comment-thread' expr:id='data:comment.anchorName'>
            <div class='comment-block'>
              <div class='comment-author'>
                <data:comment.author/> 
                
                <b:if cond='data:comment.authorClass == "blog-author"'>
                  <span style='margin-left:5px; vertical-align:middle; display:inline-flex;'>
                    <svg viewBox='0 0 24 24' style='width:16px; height:16px;'>
                      <path d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7l-3.8-3.8 1.4-1.4 2.4 2.4 5.4-5.4 1.4 1.4-6.8 6.8z' fill='#1877F2'/>
                    </svg>
                  </span>
                </b:if>
                
                <span> &#8226; <data:comment.timestamp/></span>
              </div>
              
              <div class='comment-body'>
                <b:if cond='data:comment.authorClass == "blog-author"'>
                  <data:comment.body/>
                <b:else/>
                  <b:eval expr='data:comment.body snippet { links: false }'/>
                </b:if>
              </div>
              
              <div class='comment-actions'>
                <a class='reply-to' expr:data-reply-to='data:comment.id' href='javascript:void(0)'>Balas</a>
              </div>
            </div>

            <div class='comment-replies'>
              <b:loop values='data:post.comments' var='reply'>
                <b:if cond='data:reply.inReplyTo == data:comment.id'>
                  <div class='comment-thread' expr:id='data:reply.anchorName'>
                    <div class='comment-block'>
                      <div class='comment-author'>
                        <data:reply.author/>
                        
                        <b:if cond='data:reply.authorClass == "blog-author"'>
                          <span style='margin-left:5px; vertical-align:middle; display:inline-flex;'>
                            <svg viewBox='0 0 24 24' style='width:16px; height:16px;'>
                              <path d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.9 14.7l-3.8-3.8 1.4-1.4 2.4 2.4 5.4-5.4 1.4 1.4-6.8 6.8z' fill='#1877F2'/>
                            </svg>
                          </span>
                        </b:if>
                        
                        <span> &#8226; <data:reply.timestamp/></span>
                      </div>
                      <div class='comment-body'>
                        <b:if cond='data:reply.authorClass == "blog-author"'>
                          <data:reply.body/>
                        <b:else/>
                          <b:eval expr='data:reply.body snippet { links: false }'/>
                        </b:if>
                      </div>
                    </div>
                  </div>
                </b:if>
              </b:loop>
            </div>
            
          </div>
        </b:if>
      </b:loop>
    </b:if>
  </div>
</b:includable>