25 Jan 2012

How to Install Blogger's Threaded Comments


 

The blogosphere is buzzing with the news that the Blogger commenting system has been upgraded to include a function for threaded comments. But like most new Blogger features it doesn't work for every template particularly custom ones so today I'm going to show you how to fix that problem and it is super duper easy. I'm assuming that you've already checked in settings that your comment form is embedded and that you've set your feed to full feed. Oh and don't forget to back up your template before editing code. You should always back up your template before making design changes.

Navigate to Dashboard-Template-Edit HTML-Proceed.

Tick the Expand Widget Templates box at the top.
Find each occurence of the the following code (CTRL+F is the quickest way to do this) :

<b:include data='post' name='comments'/>

Replace with:

<b:if cond='data:post. showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

Save your Template ...
Congratulations! You should now be able to utilise the new threaded comments facility in Blogger.

But that fix won't work for everyone so if your one of those that it doesn't work for try the following fix.

Navigate to Dashboard-Template-Edit HTML-Proceed and again click on expand widget template. Find the following code.

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

Replace with the code below.

<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>

Hit save.

These solutions will fix the problem for the majority of blogs but for some people it won't work. Just putting that out there. Good Luck!

 

 

 

Related Posts:

  • 5 Stylish but Functional Laptop BagsI may be a lover of tech but that doesn't mean I don't crave style too. So let me introduce you to five stylish laptop bags for transporting your laptop out and about in style. This guide has something for every budget and in… Read More
  • Add Related Posts Widget to Bottom of Posts - Blogger It is well known that adding a related posts widget to the bottom of your posts increases pageviews and lowers your bounce rate. Link Within is great for this as it adds a thumbnail and is super easy to add to your blog… Read More
  • Why Your Blog Design Matters?It is obvious from the content on this site that I have a lot of love for blog design and i really do feel the design of your blog says a lot about you as a blogger.The Blogger platform is improving but it still only offers 7… Read More
  • Free Download - Beautiful, Creative Blog HeadersA big purpose of this blog is to help other bloggers create unique lookinand beautiful blogs. The header area of a blog is the MOST important aspect of your blog's design. It is the first part of your blog that visitors see o… Read More
  • Create a Google+ Fan PageIndividual Google+ pages have been around for a while now but brand pages are a recent development. Creating a fan page is super easy and operates in much the same way as a Facebook fan page. So now I'm going to show you how … Read More

2 comments:

  1. Thank you for this! Disqus has been such a headache lately, so this is like an answer to all my prayers. :)

    ReplyDelete
  2. This doesn't work on my blog~ I tried both

    ReplyDelete