Pages

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.


Note: This tutorial doesn't work for most of the people and I'm no longer accepting free requests. However, you can get your template fixed for $10. Here is my email:
levisinside0@gmail.com


Steps to Enable Threaded Comments in Blogger-Blogspot


  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
  5. Warning: Backup your current template before moving on.
  6. Click the Edit HTML button.
  7. Blogger Edit HTML Button
  8. A new window will open. You'd have to click the Proceed button to start editing.
  9. Blogger Proceed Button
  10. Check Expand Widget Templates option.
  11. Find the following line of code:
    <b:includable id='postQuickEdit' var='post'>
  12. 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'>
  13. 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>

  14. Click Save template and then Close button.


  15. Blogger-Blogspot Save Template Close Buttons
  16. Check your blog. If you can see the option of Reply under each comment then threaded commenting is enabled. Otherwise, upload your backup template.

73 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