Blogger is going to release Threaded comments

Threaded comments or nested comments as many people call them is the one feature which is missing in the Blogger comment system. I have come to know through reliable sources that Blogger is soon going to release Threaded comment as a default option for users. Even though the date is not known but it will be live anytime now. In any case if you are getting a bit impatient then I will also be discussing how to implement it now in your blog using a hack thats doing rounds across the internet . I have altered its style a bit to make it look a bit more presentable.


How I came to Know


Well that reliable ,super-secret source of my is none other than the Edit HTML of the Template. Even though it may sound a bit confusing ,but while creating templates I came across some code with threaded keyword in them and after a bit searching though it I could understand that it was a new feature that Blogger was going to rollout.Here is some visual evidence and you can even try it yourself by searching for the term threaded in the template. (Tick the Expand Widget Preview option)

Earlier in the day Dasari Harish of Way2Blogging did a post explaining what you can expect from this commenting system and how it will work and other stuff related to it.

This new feature rollout also explains why recently there has been lot of Service Unavailable errors and a bit of slowdown while using Blogger .


  

How to Implement it Now in your Blog

Demo

There are hacks present on the internet dating back to as long as 2008 ,on how to do this in your blog. But recently hacks by Tien Nguyen have made it possible to implement this in your blog. I will be using a older version of his hack and the styling done by me. In case you want the Newest Version you can get it from Here
Step 1: Go to Templates > Edit HTML (Old Interface Users go to Design > Edit HTML)
Step 2: Tick the Expand widget Preview Option 
Step 3: Search for ]]></b:skin> and paste the following CSS just before it (How to Copy code easily)

#cm_block{position:relative;left:-20px;}
.cm_wrap{clear:both;float:right;margin-bottom:10px;width:98%}
.cm_head{float:left;margin:0;width:70px}
.avatar-image-container a img{border-radius:100%;background:url() no-repeat scroll center center;position:relative;left:1px;top:0px;width:40px;height:40px;}
.cm_avatar{width:42px;height:42px;margin:0;padding:0;border:solid 4px white;-webkit-border-radius:1em;-moz-border-radius:10em;border-radius:10em;-webkit-box-shadow:0 1px 2px rgba(0,0,0, .2);-moz-box-shadow:0 1px 2px rgba(0,0,0, .2);box-shadow:0 1px 2px rgba(0,0,0, .2);border-image:initial;background-color:white;}
.cm_reply{padding-top:5px}
.cm_reply a{-moz-border-radius:2px;-webkit-border-radius:2px;background:0;border:1px solid #C4C4C4;border-left-color:#E4E4E4;border-radius:2px;border-top-color:#E4E4E4;color:#424242!important;display:inline-block;font:12px/19px sans-serif;margin:0;padding:1px 6px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 #FFF}
.cm_reply a:hover{background:#f8f8f8;text-decoration:none!important}
.cm_reply a:active{background:#f1f1f1;text-decoration:none!important}
.cm_entry{border-radius:10px 100px 80px;background:#f8f8f8;overflow:hidden;padding:16px}
.cm_info{margin-bottom:5px}
.cm_name{float:left;font-size:12px;font-weight:700}
.cm_name:after{content:" said";}
.cm_date{color:#444;float:right;font-size:10px;font-style:italic}
.cm_entry p{color:#222;font-size:13px;margin:0}
.cm_pagenavi{color:#666;font-size:10px;font-weight:700;text-shadow:1px 1px #FFF;text-transform:uppercase}
.cm_pagenavi a{color:#666;padding:10px;text-decoration:none}
.cm_pagenavi a:hover{text-decoration:none}
.cm_pagenavi span{background:#FFF;border:1px solid #E0E0E0;color:#888;padding:4px}

Step 4: Search for <b:includable id=’comments’ var=’post’> and till the end of this tag which looks like this </b:includable> Replace all the code with the code given below

<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments &gt; 0'>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> comment
<b:else/>
<span id='cm_total'><data:post.numComments/></span> comments
</b:if>
</b:if>
</h4>
<div id='cm_reply_css'/>
<div class='cm_pagenavi' id='cm_page'/>
<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>                      
</div>
<div class='cm_reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=7535998369717577932&amp;postID=&quot;   data:post.id   &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot;   data:comment.anchorName   &quot;%22%3E&quot;   data:comment.author   &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
</div>
</div>
<div class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
</div>
<div class='clear'/>                                  
</div>
<p><data:comment.body/><b:include data='comment' name='commentDeleteIcon'/></p>
</div>
</div>
</div>
</b:if>            
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>

</b:if>
</div>

In Line 40 of the above code relplace the blogID with your blog Id (To find the blog id ,just open lets say the Stats page and in the address bar you will see a very long numbers ,thats your blog id).

Step 5: Now below the </body> tag ,paste the following code(Sorry for the Horizontal scrollbar but had to make the code one-click copyable):

<script type="text/javascript"><!--
var _0x7bf4=["x32x20x78x3Dx31x72x2Ex31x6Ex2Ex4Ax3Bx32x20x46x3Dx77x2Ex79x28x27x31x6Dx27x29x3Bx32x20x6Dx3Dx46x2Ex75x3Bx32x20x70x3Dx5Bx5Dx3Bx32x20x37x3Dx5Bx5Dx3Bx32x20x64x3Dx5Bx5Dx3Bx32x20x6Ex3Dx30x3Bx32x20x49x3Dx27x27x3Bx32x20x4Bx3Dx27x27x3Bx32x20x45x3Dx27x27x3Bx32x20x69x3Dx30x3Bx32x20x6Ax3Dx30x3Bx32x20x6Bx3Dx30x3Bx32x20x68x3Dx30x3Bx32x20x62x3Dx27x27x3Bx32x20x42x3Dx22x22x3Bx32x20x71x3Dx22x22x3Bx31x73x20x31x31x28x29x7Bx32x20x56x3Dx2Dx31x3Bx38x28x5Ax2Ex31x79x3Dx3Dx27x31x7Ax20x31x76x20x31x75x27x29x7Bx32x20x31x65x3Dx5Ax2Ex31x77x3Bx32x20x31x30x3Dx31x78x20x31x32x28x22x31x74x20x28x5Bx30x2Dx39x5Dx7Bx31x2Cx7Dx5Bx5Cx2Ex30x2Dx39x5Dx7Bx30x2Cx7Dx29x22x29x3Bx38x28x31x30x2Ex31x41x28x31x65x29x21x3Dx31x70x29x56x3Dx31x71x28x31x32x2Ex24x31x29x7Dx31x6Fx20x56x7Dx32x20x57x3Dx31x31x28x29x3Bx38x28x57x3Dx3Dx2Dx31x7Cx7Cx57x3Ex3Dx39x29x7Bx31x34x28x6Dx2Ex66x28x27x4Cx3Dx22x63x27x29x21x3Dx2Dx31x29x7Bx69x3Dx6Dx2Ex66x28x27x4Cx3Dx22x63x27x29x3Bx6Dx3Dx6Dx2Ex65x28x69x2Bx34x29x3Bx69x3Dx6Dx2Ex66x28x27x22x27x29x3Bx70x5Bx6Ex5Dx3Dx6Dx2Ex65x28x30x2Cx69x29x3Bx6Dx3Dx6Dx2Ex65x28x69x29x3Bx37x5Bx6Ex5Dx3Dx77x2Ex79x28x70x5Bx6Ex5Dx29x2Ex75x3Bx64x5Bx6Ex5Dx3Dx30x3Bx6Ex2Bx2Bx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex2Dx31x3Bx69x2Bx2Bx29x7Bx76x28x6Ax3Dx69x2Bx31x3Bx6Ax3Cx6Ex3Bx6Ax2Bx2Bx29x7Bx38x28x37x5Bx6Ax5Dx2Ex66x28x70x5Bx69x5Dx29x21x3Dx2Dx31x29x7Bx49x3Dx70x5Bx6Ax5Dx3Bx4Bx3Dx37x5Bx6Ax5Dx3Bx64x5Bx6Ax5Dx3Dx64x5Bx69x5Dx2Bx31x3Bx45x3Dx64x5Bx6Ax5Dx3Bx76x28x68x3Dx69x2Bx31x3Bx68x3Cx6Ax3Bx68x2Bx2Bx29x7Bx38x28x64x5Bx68x5Dx3Cx45x29x7Bx31x37x7Dx7Dx76x28x6Bx3Dx6Ax3Bx6Bx3Ex68x3Bx6Bx3Dx6Bx2Dx31x29x7Bx70x5Bx6Bx5Dx3Dx70x5Bx6Bx2Dx31x5Dx3Bx37x5Bx6Bx5Dx3Dx37x5Bx6Bx2Dx31x5Dx3Bx64x5Bx6Bx5Dx3Dx64x5Bx6Bx2Dx31x5Dx7Dx70x5Bx68x5Dx3Dx49x3Bx37x5Bx68x5Dx3Dx4Bx3Bx64x5Bx68x5Dx3Dx45x7Dx7Dx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex3Bx69x2Bx2Bx29x7Bx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x40x3Cx61x20x4Ax3Dx22x23x63x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax2Bx31x29x3Bx6Ax3Dx71x2Ex66x28x27x3Cx2Fx61x3Ex27x29x3Bx71x3Dx71x2Ex65x28x6Ax2Bx34x29x3Bx37x5Bx69x5Dx3Dx42x2Bx71x7Dx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x50x3Dx22x59x22x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax29x3Bx38x28x64x5Bx69x5Dx3Ex36x29x64x5Bx69x5Dx3Dx36x3Bx37x5Bx69x5Dx3Dx42x2Bx27x74x3Dx22x31x35x3Ax27x2Bx28x31x39x2Dx64x5Bx69x5Dx2Ax35x29x2Bx27x25x22x20x27x2Bx71x7Dx62x2Bx3Dx37x5Bx69x5Dx7Dx62x2Bx3Dx27x3Cx67x20x50x3Dx22x31x66x22x3Ex3Cx2Fx67x3Ex27x3Bx46x2Ex75x3Dx62x3Bx46x2Ex74x2Ex51x3Dx27x31x62x27x3Bx32x20x4Dx3Dx77x2Ex79x28x27x31x61x27x29x2Ex75x3Bx32x20x6Fx3Dx4Fx28x4Dx29x3Bx38x28x6Fx3Ex72x29x7Bx62x3Dx27x3Cx67x20x74x3Dx22x47x3Ax31x63x22x3Ex31x64x20x27x3Bx32x20x48x3Dx28x6Fx2Dx6Fx25x72x29x2Fx72x2Bx31x3Bx32x20x73x3Dx27x27x3Bx32x20x6Cx3Dx31x3Bx69x3Dx78x2Ex66x28x27x2Ex31x6Cx27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx78x2Ex65x28x30x2Cx69x2Bx35x29x7Dx7Ax7Bx73x3Dx78x7Dx69x3Dx73x2Ex66x28x27x23x44x27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx73x2Ex65x28x30x2Cx69x29x7Dx69x3Dx78x2Ex66x28x27x3Fx53x3Dx27x29x3Bx38x28x69x3Dx3Dx2Dx31x29x7Bx6Cx3Dx31x7Dx7Ax7Bx6Cx3Dx4Fx28x78x2Ex65x28x69x2Bx31x33x29x29x7Dx76x28x69x3Dx31x3Bx69x3Cx3Dx48x3Bx69x2Bx2Bx29x7Bx38x28x69x3Dx3Dx6Cx29x7Bx62x2Bx3Dx27x3Cx55x3Ex27x2Bx69x2Bx27x3Cx2Fx55x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx61x20x4Ax3Dx22x27x2Bx73x2Bx27x3Fx53x3Dx27x2Bx69x2Bx27x23x44x22x3Ex27x2Bx69x2Bx27x3Cx2Fx61x3Ex27x7Dx7Dx38x28x6Cx2Ax72x3Cx3Dx6Fx29x7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx28x6Cx2Ax72x29x2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx6Fx2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx32x20x43x3Dx77x2Ex79x28x27x31x69x27x29x3Bx43x2Ex75x3Dx62x3Bx43x3Dx77x2Ex79x28x27x31x68x27x29x3Bx43x2Ex75x3Dx62x3Bx38x28x6Cx3Cx48x29x7Bx62x3Dx27x3Cx74x20x31x67x3Dx22x31x6Bx2Fx31x6Ax22x3Ex2Ex58x20x7Bx51x3Ax20x31x38x7Dx3Cx2Fx74x3Ex27x3Bx32x20x4Ex3Dx77x2Ex79x28x27x31x36x27x29x3Bx4Ex2Ex75x3Dx62x7Dx7Dx7Dx7Ax7Bx31x34x28x6Dx2Ex66x28x27x4Cx3Dx63x27x29x21x3Dx2Dx31x29x7Bx69x3Dx6Dx2Ex66x28x27x4Cx3Dx63x27x29x3Bx6Dx3Dx6Dx2Ex65x28x69x2Bx33x29x3Bx69x3Dx6Dx2Ex66x28x27x3Ex27x29x3Bx70x5Bx6Ex5Dx3Dx6Dx2Ex65x28x30x2Cx69x29x3Bx6Dx3Dx6Dx2Ex65x28x69x29x3Bx37x5Bx6Ex5Dx3Dx77x2Ex79x28x70x5Bx6Ex5Dx29x2Ex75x3Bx64x5Bx6Ex5Dx3Dx30x3Bx6Ex2Bx2Bx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex2Dx31x3Bx69x2Bx2Bx29x7Bx76x28x6Ax3Dx69x2Bx31x3Bx6Ax3Cx6Ex3Bx6Ax2Bx2Bx29x7Bx38x28x37x5Bx6Ax5Dx2Ex66x28x70x5Bx69x5Dx29x21x3Dx2Dx31x29x7Bx49x3Dx70x5Bx6Ax5Dx3Bx4Bx3Dx37x5Bx6Ax5Dx3Bx64x5Bx6Ax5Dx3Dx64x5Bx69x5Dx2Bx31x3Bx45x3Dx64x5Bx6Ax5Dx3Bx76x28x68x3Dx69x2Bx31x3Bx68x3Cx6Ax3Bx68x2Bx2Bx29x7Bx38x28x64x5Bx68x5Dx3Cx45x29x7Bx31x37x7Dx7Dx76x28x6Bx3Dx6Ax3Bx6Bx3Ex68x3Bx6Bx3Dx6Bx2Dx31x29x7Bx70x5Bx6Bx5Dx3Dx70x5Bx6Bx2Dx31x5Dx3Bx37x5Bx6Bx5Dx3Dx37x5Bx6Bx2Dx31x5Dx3Bx64x5Bx6Bx5Dx3Dx64x5Bx6Bx2Dx31x5Dx7Dx70x5Bx68x5Dx3Dx49x3Bx37x5Bx68x5Dx3Dx4Bx3Bx64x5Bx68x5Dx3Dx45x7Dx7Dx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex3Bx69x2Bx2Bx29x7Bx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x40x3Cx41x20x4Ax3Dx22x23x63x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax2Bx31x29x3Bx6Ax3Dx71x2Ex66x28x27x3Cx2Fx41x3Ex27x29x3Bx71x3Dx71x2Ex65x28x6Ax2Bx34x29x3Bx37x5Bx69x5Dx3Dx42x2Bx71x7Dx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x50x3Dx59x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax29x3Bx38x28x64x5Bx69x5Dx3Ex36x29x64x5Bx69x5Dx3Dx36x3Bx37x5Bx69x5Dx3Dx42x2Bx27x74x3Dx22x31x35x3Ax27x2Bx28x31x39x2Dx64x5Bx69x5Dx2Ax35x29x2Bx27x25x22x20x27x2Bx71x7Dx62x2Bx3Dx37x5Bx69x5Dx7Dx62x2Bx3Dx27x3Cx67x20x50x3Dx22x31x66x22x3Ex3Cx2Fx67x3Ex27x3Bx46x2Ex75x3Dx62x3Bx46x2Ex74x2Ex51x3Dx27x31x62x27x3Bx32x20x4Dx3Dx77x2Ex79x28x27x31x61x27x29x2Ex75x3Bx32x20x6Fx3Dx4Fx28x4Dx29x3Bx38x28x6Fx3Ex72x29x7Bx62x3Dx27x3Cx67x20x74x3Dx22x47x3Ax31x63x22x3Ex31x64x20x27x3Bx32x20x48x3Dx28x6Fx2Dx6Fx25x72x29x2Fx72x2Bx31x3Bx32x20x73x3Dx27x27x3Bx32x20x6Cx3Dx31x3Bx69x3Dx78x2Ex66x28x27x2Ex31x6Cx27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx78x2Ex65x28x30x2Cx69x2Bx35x29x7Dx7Ax7Bx73x3Dx78x7Dx69x3Dx73x2Ex66x28x27x23x44x27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx73x2Ex65x28x30x2Cx69x29x7Dx69x3Dx78x2Ex66x28x27x3Fx53x3Dx27x29x3Bx38x28x69x3Dx3Dx2Dx31x29x7Bx6Cx3Dx31x7Dx7Ax7Bx6Cx3Dx4Fx28x78x2Ex65x28x69x2Bx31x33x29x29x7Dx76x28x69x3Dx31x3Bx69x3Cx3Dx48x3Bx69x2Bx2Bx29x7Bx38x28x69x3Dx3Dx6Cx29x7Bx62x2Bx3Dx27x3Cx55x3Ex27x2Bx69x2Bx27x3Cx2Fx55x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx61x20x4Ax3Dx22x27x2Bx73x2Bx27x3Fx53x3Dx27x2Bx69x2Bx27x23x44x22x3Ex27x2Bx69x2Bx27x3Cx2Fx61x3Ex27x7Dx7Dx38x28x6Cx2Ax72x3Cx3Dx6Fx29x7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx28x6Cx2Ax72x29x2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx6Fx2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx32x20x43x3Dx77x2Ex79x28x27x31x69x27x29x3Bx43x2Ex75x3Dx62x3Bx43x3Dx77x2Ex79x28x27x31x68x27x29x3Bx43x2Ex75x3Dx62x3Bx38x28x6Cx3Cx48x29x7Bx62x3Dx27x3Cx74x20x31x67x3Dx22x31x6Bx2Fx31x6Ax22x3Ex2Ex58x20x7Bx51x3Ax20x31x38x7Dx3Cx2Fx74x3Ex27x3Bx32x20x4Ex3Dx77x2Ex79x28x27x31x36x27x29x3Bx4Ex2Ex75x3Dx62x7Dx7Dx7D","x7C","x73x70x6Cx69x74","x7Cx7Cx76x61x72x7Cx7Cx7Cx7Cx7Cx43x6Dx5Fx49x74x65x6Dx5Fx43x6Fx6Ex74x65x6Ex74x7Cx69x66x7Cx7Cx7Cx73x74x72x6Fx75x74x7Cx7Cx43x6Dx5Fx49x74x65x6Dx5Fx4Cx65x76x65x6Cx7Cx73x75x62x73x74x72x69x6Ex67x7Cx69x6Ex64x65x78x4Fx66x7Cx64x69x76x7Cx7Cx7Cx7Cx7Cx43x6Dx5Fx43x75x72x5Fx50x61x67x65x7Cx43x6Dx5Fx42x6Cx6Fx63x6Bx5Fx43x6Fx6Ex74x65x6Ex74x7Cx43x6Dx5Fx4Ex75x6Dx7Cx43x6Dx5Fx54x6Fx74x61x6Cx7Cx43x6Dx5Fx49x74x65x6Dx5Fx49x64x7Cx73x74x72x5Fx74x32x7Cx32x30x30x7Cx4Fx72x67x5Fx55x72x6Cx5Fx54x68x72x65x61x64x43x4Dx7Cx73x74x79x6Cx65x7Cx69x6Ex6Ex65x72x48x54x4Dx4Cx7Cx66x6Fx72x7Cx64x6Fx63x75x6Dx65x6Ex74x7Cx43x75x72x5Fx55x72x6Cx5Fx54x68x72x65x61x64x43x4Dx7Cx67x65x74x45x6Cx65x6Dx65x6Ex74x42x79x49x64x7Cx65x6Cx73x65x7Cx7Cx73x74x72x5Fx74x31x7Cx43x6Dx5Fx50x61x67x65x5Fx4Fx62x6Ax7Cx63x6Fx6Dx6Dx65x6Ex74x73x7Cx43x6Dx5Fx49x74x65x6Dx5Fx4Cx65x76x65x6Cx5Fx54x7Cx43x6Dx5Fx42x6Cx6Fx63x6Bx7Cx66x6Cx6Fx61x74x7Cx43x6Dx5Fx50x61x67x65x5Fx4Ex75x6Dx7Cx43x6Dx5Fx49x74x65x6Dx5Fx49x64x5Fx54x7Cx68x72x65x66x7Cx43x6Dx5Fx49x74x65x6Dx5Fx43x6Fx6Ex74x65x6Ex74x5Fx54x7Cx69x64x7Cx43x6Dx5Fx54x6Fx74x61x6Cx5Fx4Fx62x6Ax7Cx43x6Dx5Fx52x65x70x6Cx79x43x53x53x5Fx4Fx62x6Ax7Cx70x61x72x73x65x49x6Ex74x7Cx63x6Cx61x73x73x7Cx64x69x73x70x6Cx61x79x7Cx6Fx66x7Cx63x6Fx6Dx6Dx65x6Ex74x50x61x67x65x7Cx72x69x67x68x74x7Cx73x70x61x6Ex7Cx72x76x7Cx49x45x5Fx76x65x72x7Cx63x6Dx5Fx61x75x74x68x6Fx72x5Fx72x65x70x6Cx79x7Cx63x6Dx5Fx77x72x61x70x7Cx6Ex61x76x69x67x61x74x6Fx72x7Cx72x65x7Cx67x65x74x49x6Ex74x65x72x6Ex65x74x45x78x70x6Cx6Fx72x65x72x56x65x72x73x69x6Fx6Ex7Cx52x65x67x45x78x70x7Cx7Cx77x68x69x6Cx65x7Cx77x69x64x74x68x7Cx63x6Dx5Fx72x65x70x6Cx79x5Fx63x73x73x7Cx62x72x65x61x6Bx7Cx6Ex6Fx6Ex65x7Cx31x30x30x7Cx63x6Dx5Fx74x6Fx74x61x6Cx7Cx62x6Cx6Fx63x6Bx7Cx6Cx65x66x74x7Cx50x61x67x65x7Cx75x61x7Cx63x6Cx65x61x72x7Cx74x79x70x65x7Cx63x6Dx5Fx70x61x67x65x5Fx63x6Fx70x79x7Cx63x6Dx5Fx70x61x67x65x7Cx63x73x73x7Cx74x65x78x74x7Cx68x74x6Dx6Cx7Cx63x6Dx5Fx62x6Cx6Fx63x6Bx7Cx6Cx6Fx63x61x74x69x6Fx6Ex7Cx72x65x74x75x72x6Ex7Cx6Ex75x6Cx6Cx7Cx70x61x72x73x65x46x6Cx6Fx61x74x7Cx77x69x6Ex64x6Fx77x7Cx66x75x6Ex63x74x69x6Fx6Ex7Cx4Dx53x49x45x7Cx45x78x70x6Cx6Fx72x65x72x7Cx49x6Ex74x65x72x6Ex65x74x7Cx75x73x65x72x41x67x65x6Ex74x7Cx6Ex65x77x7Cx61x70x70x4Ex61x6Dx65x7Cx4Dx69x63x72x6Fx73x6Fx66x74x7Cx65x78x65x63","","x66x72x6Fx6Dx43x68x61x72x43x6Fx64x65","x72x65x70x6Cx61x63x65","x5Cx77x2B","x5Cx62","x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2))) ((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3 29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8] _0x4f09x5(_0x4f09x3) _0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--></script>

If you get a error while saving this code,escape the code above using Postable and then paste it in your template


Step 6: Preview for errors and then Save .

Don’t hesitate to ask questions if you have any problems implementing it in your blog.

What do you think about this move by Blogger ,is it in the right direction ? Will this make Blogger come one step closer to becoming the Best CMS out there ? (It is already the Best Online CMS out there.- Atleast according to Royal Pingdom )

59 Replies to “Blogger is going to release Threaded comments”

  1. Hi there!

    Great to hear about that. where is it? Let me see the demo.

    Dear Paryag!

    This site is looking unfriendly in IE8. Please fix the the bug or put a right meta tag in your head session.

    Thank You.

  2. Dear Prayag Verma

    Your comment session is also looking so nice. Thanks for your valuable information. I am eager to implement the threaded comments in my tiny blog.

    If you don't mind, have a look at in the following link for not showing anonymous comment icon. Have time, give me the tips to fix the bug. This comment session too not showing anonymous default image.

    The link is http://worldhetitagesites.blogspot.com/2012/01/mausoleum-of-first-qin-emperor.html#comment-form

    Advance Thanks.

  3. When Iam Implementing Step 5, It Shows Me
    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The string "–" is not permitted within comments.

  4. @RamakrishnaReverse the process what you did and then replace

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

    with

    <b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='threaded_comments'/>
    <b:else/>
    <b:include data='post' name='comments'/>
    </b:if>

  5. @Prayag Verma
    checking threaded comment

    1. I checked your blog and saw that you are using the Nested comment hack. Google is constantly changing things at backend side and therefore these hacks are having weird problems. The sure short solution to this is switching to the official threaded comments. To do the switch read this post

    2. hi prayag i try to insert official threaded comment but it appears two cooment systems in the same time…
      can i send you my template to fix me this tutorial…
      thanks to answer ^_^

  6. Hi prayag how are you? i hope fine,
    i want you help me in two requests please:

    1. is there any solution to replace popup reply with mobile comment-form replybox on the customised nestedbsystem comment.

    2. i want to ask you about how to customize juste the first post on item page (just first post) i mean conditions to use; because i’d used some but no success.
    thanks to answer

  7. i used this code:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <b:if cond='data:blog.pageType != &quot;index&quot;'>
    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    <b:if cond='data:post.isFirstPost == &quot;true&quot;'>
    <div class='new-post' id='new-post'/>
    <div class='clear'/>
    </b:if>

    </b:if>

    </b:if>

    but no success. the Badge (new-post) appear on non new post on item page
    please help me

Leave a Reply

Your email address will not be published. Required fields are marked *