How to Enable Threaded Comments in Customized Blogger-Blogspot Templates



Blogger-Blogspot has recently introduced much-awaited feature of threaded commenting. Now, users can reply to a comment and the comment owner will get an email notification. Naturally, I was also excited about it so, I enabled this feature on my heavily customized template. But it didn't work. I was lucky enough to have an old backup file of Simple Blogger-Blogspot template. After doing some coding, I found it quite easy to integrate the threaded comments in the Simple Blogger-Blogspot template. Please note that this is not a properly tested tutorial. Your template might have different codes. So, follow the steps carefully.



Steps to Enable Threaded Comments


  1. First of all make sure that your blog feed is set to Full. You can confirm that by going to Settings > Other and then selecting Full from the Allow Blog Feed dropdown.
  2. You must also have embedded comment form enabled. Check that by going to Settings > Posts and Comments and check the Comment Location dropdown.
  3. After that, open the Template section.
  4. Blogger Updated Dashboard
    Caution: Please Backup your current template before moving on.
  5. Click the Edit HTML button.
  6. Blogger Edit HTML Button
  7. A new window will open. You'd have to click the Proceed button to start editing.
  8. Blogger Proceed Button
  9. Check Expand Widget Templates option.
  10. Find the following line of code:
    <b:includable id='postQuickEdit' var='post'>
  11. Once you've found the above line, you'll see this piece of code:
    </div>
        </div>
      </div>
    </b:includable>
    <b:includable id='postQuickEdit' var='post'>
    Now, we need to add some code just BEFORE the above code. The code to add is:
    <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>
    After adding the new code, overall code should look like this:
    <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>
          </div>
        </div>
      </div>
    </b:includable>
    <b:includable id='postQuickEdit' var='post'>
  12. Now, we need to find the following piece of code:
    <div class='post-outer'>
            <b:include data='post' name='post'/>
            <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>
            </div>
and REPLACE the above code with the following one:

<div class='post-outer'>
        <b:include data='post' name='post'/>
        <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>
        </div>


  • Click Save template and then Close button.



  • Blogger-Blogspot Save Template Close Buttons

  • Check your blog. If you can see the option of Reply under each comment then threaded commenting is enabled. Otherwise, upload your backup template.

  • 77 comments:

    1. Logical that was the best tutorial I found on the web, but you've disabled the Threaded Comments, because of the bug: When we access the permalink of the post, are forwarded to the end where it starts the comment space.

      ReplyDelete
      Replies
      1. Hi Luma Rosa, actually I've deliberately disabled threaded commenting on my blog. Not because of any bug but because I'm creating a new template for my blog.

        Delete
    2. I followed your instructions, but my posts disappeared.

      ReplyDelete
      Replies
      1. Hi Bonny, please send me your template file. This tutorial has only been tested on an old Simple Blogger template. So, I need more templates.

        Delete
    3. It worked perfectly. Thanks for sharing this. It was a breeze to implement.

      ReplyDelete
      Replies
      1. Hi there, really happy to hear that. It would be nice if you could link to my blog. Link code is available in the footer.

        Delete
    4. i am getting reply button but not getting comment box below the reply button (after clciking reply button)

      ReplyDelete
      Replies
      1. Hi Kalyani, email me your template file. Plus it would be nice to give me a link back, link code is available at the bottom.

        levisinside0@gmail.com

        Delete
    5. Hi. thanks for such an informative post. I'm trying, but I can't find a <b:includable id....

      code on my template.

      The closest I have come to s far is a <b:include.....

      :'(

      ReplyDelete
      Replies
      1. Hi Lady Jaye, please send me your template file. This tutorial is valid only for 'Simple' Blogger template users.

        levisinside0@gmail.com

        Delete
    6. not work with artisteer template :(

      ReplyDelete
      Replies
      1. @ Anonymous, send me your template file.

        Delete
    7. You, my friend are a genius! had problems with a custom template, css had some kind of threaded comments but faild to work... all is good in the world now:D

      thanks alot!!

      ReplyDelete
    8. Hmmmm....., the best tutorial
      TQ

      ReplyDelete
    9. thanks for this! worked for my blog!

      ReplyDelete
    10. You are a genius. Thank you so much. Wow, i would of been lost if it weren't for your tutorial. Thanks again.

      ReplyDelete
    11. Hi, I can find all the steps but I cant find this codes :( my template is "the journalist" by Lucian E. Marin

      div class='post-outer..........

      Please help =)

      ReplyDelete
      Replies
      1. Hi Christeen, please download and email me your template file:

        levisinside0@gmail.com

        Delete
    12. Hi, my template crashed when saved the modifications, If I send you, would you please take a look, I will be very greatfull.

      ReplyDelete
      Replies
      1. Hi funkyou86, please download and email me your template file:

        levisinside0@gmail.com

        Delete
    13. I have a highly customized blogger temple, and I am 95% this won't work any suggestions?

      ReplyDelete
      Replies
      1. Hi Viari Rose, please download and email me your template file:

        levisinside0@gmail.com

        Delete
    14. Hi, it works fine. Now in a page when i have more than 400 comments, the buttons to navigate to the block comments (per 200) disappears.

      ReplyDelete
    15. hi! i am excited doing this because i think this tutorial is the easiest one, but after i am done, my entry doesn't show up. Why?

      this is my blog www.imbobome.com

      ReplyDelete
      Replies
      1. Hi Bobo, please download and email me your template file:

        levisinside0@gmail.com

        Delete
    16. Hey... Um, I just installed this, and the reply button appears, but when I click on it, NOTHING happens. Here's my url, so check it out.

      http://aleksandra-lukac.blogspot.co.at/

      ReplyDelete
      Replies
      1. Hi Aleksandra, you're using a customized version of Simple Blogger template. Please send me your template file so that I can have a look.

        levisinside0@gmail.com

        Delete
      2. I'm having the same trouble, I can see the reply button but nothing happens when I click on it. Could you please help me?

        http://twoandahalfreasons.blogspot.fi/

        Delete
      3. Hi Marja, you'll also have to email me your template file. Please explain the problem in that email as well.


        levisinside0@gmail.com

        Delete
    17. Hi Bilal, I have a custom template I took from online and the second code that needs to be replaced isn't like the one you have here. Is there anything I can do ?
      Thanks!
      Daniela

      ReplyDelete
      Replies
      1. Hi Daniela, send me the template file, I'll manually edit it.

        levisinside0@gmail.com

        "Date Night" post is gorgeous BTW.

        Delete
      2. Hi Bilal, I have the same problem with Daniela..

        I will also send to you my template file please help me..

        thanks a lot in advance :)

        Delete
      3. Hi Pink Line, do mention your blog address and include the template file in the mail.

        Delete
    18. Hi Bilal, thanx very much for this post. Im using it thanx to you. Do you have any idea, how to popup the threaded comment? For example, like this site.

      http://thisisbact.blogspot.com/2012/06/power-power.html

      ReplyDelete
      Replies
      1. Hi Apple, it's pretty cool but I don't know about it. Maybe its some sort of JavaScript. Anyway, maybe contacting the author would help.

        Delete
    19. Hello, I have the same problem Aleksandra. I see the button on my blog, but it doesn't work! Can you help me?

      ReplyDelete
      Replies
      1. Hi Marlyssa, send me the template file, I'll manually edit it.

        levisinside0@gmail.com

        Delete
    20. Hello, I have been through your instruction but still no luck. Does anyone have any other thoughts on what I should be considering?

      http://urbantriathlon.blogspot.com.au/

      Thanks

      ReplyDelete
      Replies
      1. Hi TimO, please email me your template file:


        levisinside0@gmail.com

        Delete
    21. Hey :)
      My template is customized pretty heavy. I tried to get the comments threaded but it's not working.

      I would really appreciate your help :)

      Larissa

      ReplyDelete
    22. thanks for the tutorial.
      i sent my template file to u.
      realy thanx!

      ReplyDelete
    23. hi, i'm using custom template and the comment button is not working. i cannot comment on a post... can you help me?

      ReplyDelete
    24. Hello Bilal, thank you so much for this tutorial! Can you show me how to replace the reply link with the reply button with the pencil in the circle? :)

      ReplyDelete
      Replies
      1. Hi Diana, thanks for liking the tutorial. You have a commercial blog, I'm no longer accepting requests from commercial or new blogs.

        Delete
    25. I've been trying to get the threaded commenting system to work on my blog for so long now...finally came across your tutorial here, and it worked! Your method is simple and very easy to understand, thank you so much!

      ReplyDelete
    26. Works for me !! Really Great
      Thanks a ton !!!

      ReplyDelete
    27. Thank u so much brother for this post.
      i want to enable threaded coments in my blogger template but i am unable to find second code in my template, i have emailed u my template and please fix it.

      JazakAllah
      http://premium-stuff-guru.blogspot.com

      ReplyDelete
      Replies
      1. Hi Adnan, you have published only 2 posts so far and your blog is heavily customized. I can't edit it due to too many pending requests from other people.

        Delete
    28. Awesome article thanks a ton, keep on buddy

      ReplyDelete
    29. Bilal Aslam,thanks your tutorial!! finally i knw how to setting~ :D

      ReplyDelete
    30. Great post... works like a charm!!

      ReplyDelete
    31. Thank you so so so so much! You are the best! :)

      ReplyDelete
    32. Why does the 'reply' doesnt work

      ReplyDelete
      Replies
      1. Hi Mark, the 'reply' does work but only on certain templates. It is very difficult to write a tutorial that works with each and every template. Alternatively, you can hire me to fix the 'reply' button.

        Delete
    33. Thanks so much! It worked perfectly on my blog!

      ReplyDelete
    34. Can this tutorial work on my template???
      My Blog: http://www.technologygraph.blogspot.in/

      ReplyDelete
      Replies
      1. Hi Hacker Boy, yes it can work but you have a custom template and it will require some effort to do that. You can hire me to do it :)

        Delete
      2. I Have done it!!! It worked!!! I have enabled threaded comments in my Blog!!! I didn't realise that it was so easy to repair my template!!!

        Delete
    35. Thank you, thank you, thank YOU! It worked perfectly for my heavily-customized blog too! I did it first on my test blog (a must for anyone with a customized template) and then when satisfied it would work, added it to my regular blog.

      You are too kind to have helped us all!

      ReplyDelete
      Replies
      1. Hi Maureen, kindly link back to my blog. I'll really appreciate it.

        Regards,
        Bilal

        Delete
    36. I can't find the first code you mentioned. I'm wondering if this tutorial works with the new blogger editor? I have a customized template and although people can leave comments, they aren't showing up at all below the posts.

      Help please :)
      Jana

      http://www.janaleemiller.com

      I would be happy to hire you to fix this.

      ReplyDelete
      Replies
      1. Hi Jana, yeah this is an old tutorial and Blogger has recently changed the editor. Please email me to get it fixed.

        levisinside0@gmail.com

        Delete
    37. Hi Radu, Can you pls help with mine, I've followed the instructions but the threaded messaging is still not working :(

      ReplyDelete
      Replies
      1. Hi Angelica, you have a customized template that's why this tutorial is not working for you. You can hire me to fix this issue:

        levisinside0@gmail.com

        Regards,
        Bilal

        Delete
    38. This did not work for me as half of these codes do not exist in my template. Please help! I no longer have ANY comment box whatsoever, all I have is a small text that shows my number of comments and readers have to click that in order to be taken to another page to comment.. Very frustrating!

      ReplyDelete
      Replies
      1. Hi Desiree, as mentioned in the start of the post, this tutorial does not work for each and every template. Your only chance is to reset blog template to default. After that, you will lose all customizations. Otherwise, I'd have to look into each line of code in your template to fix it.

        Delete
    39. Hi! I sent my template so you can take a look at it. Please help. Thank you! :)

      ReplyDelete
      Replies
      1. Hi,

        I did not receive it.

        Regards,
        Bilal

        Delete

    Note: All comments will be moderated.