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:

  • How to Use Firebug to Design Your BlogIf you want to improve your design but not sure of the html and don't wanna mess with your code while trying things out the Firebug is for you. Firebug is a browser extension that is totally free and available for Chrome or F… Read More
  • Create a Facebook Landing Page for Your Blog How many of you have a Facebook page for your blog? So quite a few of you then! Well this post should be of interest to you.Have you ever wanted to make your fan page more striking and have it stand out from the crowd. … Read More
  • Tutorial - Add an Image to Blogger Post TitleBlogger post titles are a bit uninspiring and frankly dull. So I'm going to show you a way of giving your post title a bit of life. You'll see that on this blog I have an image next to my post title. I'm going to show you how… Read More
  • Tutorial - Add a Background Colour to Post & Sidebar titles in BloggerI have yet another Blogger tutorial for you. This time I'll be showing you how to add a background colour to your sidebar & post titles. It is a very simple process now that Blogger let's you add CSS via its Template Desi… Read More
  • Free Blogger ThemesBlogger default themes aren't too aesthetically pleasing. You'd think with the power of google behind it that Blogger would be able to provide more choice. So today I'm introducing you to some really beautifully unique themes… 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