Official Blogger Threaded Comments is Live!

Finally Blogger Official Threaded Comments is Live!. As my Latest Update in my Previous Post, Blogger was Announced the Threaded Comments release today.
The features are WordPress Style Threaded Reply Comments, Expandable/Collapsible Replies option, Highlight Author Comments. But they allowed 2 level commenting only :( This means, we can’t give reply to a Reply comment.

Preview

The Preview is Exactly same to my Preview (Built with HTML and CSS). :D
What i missed is Collapsible Replies option.
Preview of Official Blogger Threaded Comments system

How to Enable the Threaded Comments in Blogger ?

  1. Blogger Dashboard > Select the Blog that you want to enable the Threaded Comments
  2. Go to Settings > Posts and Comments
  3. Comment Location option set to Embedded
    Enable Official Blogger Threaded Comments
  4. Go to Settings > Other
  5. Allow Blog Feed option set to Full
    Enable Official Blogger Threaded Comments

Still not getting Threaded Comments?

Backup your Template before going to change any thing.

Method 1

You will lost all Changes in Blog Posts and Widgets. like, Adsense Ads inside Post,Post Footer changes, Share Buttons, Signatures etc,.!!
  1. Go to Design > Edit HTML
  2. Click on Revert widget templates to default link

This will Discard the all Changes Widget and revert to Default. This is Best suitable for non Custom Templates.
For Custom Template Follow the Method 2

Method 2

  1. Go to Template > Edit HTML
  2. Click on Expand Widget Templates Check box
  3. Find the Following code.
            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
              <b:include data='post' name='comments'/>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <b:include data='post' name='comments'/>
            </b:if>
  4. You will get Two results. one is belongs to mobile template and other is belongs to web Template.
    Replace it with the Below Section of Code on both mobile and web template.
            <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>
  5. Save the Template!

For more Details, Read the Blogger Official Announcement Click here!

If you getting any problem, Leave a Comment here!.

Comments