add pop

Recently i published a tutorial on How To add Wordpress like Threaded comments In blogger. That threaded comments system is not in the pop up form. Many bloggers want to add threaded comments system in pop up form. So here i create a tutorial to add pop up threaded comments in blogger. Threaded commenting should make it easier for you to respond to individual comments. Recently Blogger implement its threaded comment system. But Blogger's implementation of threaded comments has its limitations, the threaded comment system is only two levels deep, means you can only reply to original comments, and not to comment replies. It’s obviously not the best of threaded comment systems. Blogger default Pop up comments is not in the threaded form means when you install default blogger pop up comments the comments will not get in the threaded form. Blogger threaded comments system works on the comments if you are not using pop up comment feature. To install this feature you don't have to edit your template so many times, You just need to add some codes only one time on your blogger blog template and this make your pop up comments in the threaded form

Live Demo

How to install pop up threaded comments in blogger


  • Go to Blogger Dashboard
  • Click on DropDown Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML
  • Press Ctrl + F and search the code shown below
</body>
  • Now Paste the Code Shown Below just above/before it
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<style type='text/css'>
#comments-block .avatar-image-container img{width:36px;height:36px}
#comments-block .avatar-image-container{border:6px solid #e3e3e3;left:-59px!important;top:-6px}
.comment-body{margin-top:5px;margin-bottom:5px;border:3px solid #e3e3e3;margin-right:0;padding:5px}
.admin-comment{background:#F4F4F4;margin:4px 4px 4px 0;padding:3px 3px 0;border:5px solid #e3e3e3}
.normal-comment{padding:3px 3px 0;margin-right:4px;border:5px solid #e3e3e3}
.comment-reply-link{font-weight:700!important;margin-right:1em}
#comments-block .comment-footer{margin-bottom:2px;margin-top:0}
</style>
<script src='https://howbloggers.github.io/howbloggers/pop-up-comments.js' type='text/javascript'></script>

Finally save your template. Now pop up window threaded comment is installed on your blog.

If you already have a jquery library on your blogger template then don't install it again on your template
Remember: This pop up threaded comments system is not compatible with the blogger threaded comments system, means in future if you want to remove these pop up comments and install blogger default threaded comments, then your replies which are in the threaded form will not work. The replies will look simple. But if you want to install threaded comments which is compatible with blogger default comment system and have more than 2 level deep commenting system you can check this post. Add wordpress like comments in blogger