08 September 2012

Threaded comments for Blogger templates

Advertisements

Blogger.com has introduced threaded comments lately. But it only works on official Blogger templates. What about the third-party templates most of the bloggers use? Now you can also implement threaded comment system on these templates also. Please check the demo.



How to Threaded comments for Blogger templates!

Step 1:
Go to Edit HTML page from Design and click on Expand Widget Templates. Look for following code

]]></b:skin>

Add following code just ABOVE ]]></b:skin>

#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}

.cm_head {
margin: 0;
width: 70px;
float: left;
}

.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background-image: url(http://img846.imageshack.us/img846/7357/unled1oww.jpg);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}

.cm_reply {
padding-top: 5px;
}

.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}

.cm_reply a:hover {
text-decoration: none !important;;
background: #ccc;;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;
background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
}

.cm_entry {
padding: 16px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
}

.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}

.cm_info {
margin-bottom: 5px;
}

.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}

.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}

.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}

.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}

.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}

.cm_pagenavi a:hover {
text-decoration: underline
}

.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

Step 2
Now add following code just ABOVE </body>

&lt;script type="text/javascript"&gt;&lt;!--
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,{}));
--&gt;&lt;/script&gt;

Step 3
Now find following code very carefully.

<b:includable id='comments' var='post'>

Lots of code lines that you must replace

</b:includable>
There are lots of code lines related to comments between these includable tags. First delete that code lines and then add following code there.

<div class='comments' id='comments'>
<a name='comments'/>
<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>

<div class='cm_pagenavi' id='cm_page'></div>

<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=154513103004606848&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'></span>
<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/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>

<p><data:comment.body/></p>
</div>
</div>
</div>
</b:if>
</b:loop>
</div>

<div class='cm_pagenavi' id='cm_page_copy'></div>

<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>
</div>

You have to replace code in red with your blog ID. You can find it using following image.


Finally save the template and check threaded comments are working.

If you have completed above 3 steps but still threaded comments not working then continue to Step 4.

Step 4

Look for following code in your template

<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>

Now replace these two sets of red lines with

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

Save the template. It's done.

UPDATE: Problem with avatars
After implementing threaded comments if avatars are not working then delete old avatar CSS. Look for following code and delete it.

.avatar-image-container {
background:url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SrTInZfKwVI/AAAAAAAAAwA/xaGlRIqkHDw/s400/default.gif);
width:35px;
height:35px;
}
.avatar-image-container img {
border:none;
}

Above code may be little different in your template.

Original code credits: artistutorial.blogspot.com

Related Posts

3 comments

indian hindi
September 11, 2012 at 6:38 AM

Useful tutorial. Thanks for sharing.

September 27, 2012 at 1:05 PM

I'm having a lot of difficulty with my custom blogger theme. Notepadchaos.com The creator made it for WP (and hasn't touched it since 2010) and another person translated it to blogger.

I have tried every tutorial out there and I still can't seem to get the 'Reply' button or threaded comments to show up.
Would you mind taking a look and helping me out?
I could send you the HTML file if that would help.
I can tell you now that it's odd coding.

Thanks
mammaftw.blogspot.com

September 28, 2012 at 2:38 AM

Hi
Allison Elizabeth ,
Did you tried above codes?

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More