Membuat Threaded Comment Hack di Blog

15 April 2014

Cara Membuat Threaded Comment Hack v3 di Blog - Hai sobat semua, kali ini saya akan membagikan Tutorial ''Membuat Threaded Comment Hack di Blog'' ya Threaded Comment ini yang sedang saya pakai sekarang, Threaded comment hack yang satu ini v3,, desain komentar ini juga Valid HTML5 lho, dan yang paling wow desain komentar ini bisa di pakai di semua template,,,, asalkan mengikuti tutorial ini dengan betul... [ Bonus Emoticon ]

Langkah Pertama : Blogger >> Template >> Edit HTML

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

Ganti kode tersebut dengan kode di bawah ini

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

Langkah Kedua : Simpan kode di bawah ini tepat di atas ]]></b:skin atau </style> .

 #comments {}
#comments h3 {
margin-bottom:15px;
font-size:18px;
}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: left;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAM7cbW4487qBBrZo1_q3VBoBOtV3rXlyjzad9iXHFz2ywg83S7xAwseMWfjQazMTjBCnamyW2NTcs-L4711mJoS-8BzQDdTUX6mts-PSeR_mTwrDTacr44UBYdBQ8UzS8jcvTKPNav9pp/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-top:-72px;
margin-left:66px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {
padding-left: 7%;
}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-left:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {
width:103%!important;
background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
left:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {
max-width:100%!important;
width:400px;
height:225px;
display:block;
margin:auto;
}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS5BFw-Yr7gWPOMFfCygtYSeYx01QABKT1y8EO6RB-XF3nLm_eSeXqtwDxtvUBa3Ztkxg2JT3T56yqIhJdnf7ozJW6qlU4b0jrgqI0pzO4KdprGh5GLqh0NTtMnXNEdvjIqK3fyXBws-g/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-left: 10px;
clear: both;
}
.comment_avatar img{
width:42px;
height:42px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAM7cbW4487qBBrZo1_q3VBoBOtV3rXlyjzad9iXHFz2ywg83S7xAwseMWfjQazMTjBCnamyW2NTcs-L4711mJoS-8BzQDdTUX6mts-PSeR_mTwrDTacr44UBYdBQ8UzS8jcvTKPNav9pp/s1600/anon.jpg) no-repeat}
.comment-delete img{
float:right;
margin-left:15px;
margin-top:3px;
margin-right:10px;
}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {
display:inline;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivlAyoSFwAl3etuSQRdyZUcvLNUvi5WgzqRZRYVk_c4UG0DZZ_slxGLS7iItiNmbmHlYkVT-XTOCL1l5-NLngiEQlJlaObLCfHiZIcHg2EDJbLNBjhtHOshNv5s38UjAWWNp9g8UBlUyU/s1600/author.png)no-repeat;
font-size:13px;
font-weight:normal;
padding:2px 6px;
right:-23px;
margin-top:-23px;
color:#fff;
border-radius:4px;
text-transform:uppercase;
position:absolute;
width:36px;
height:36px;
}
iframe{
border:none;
overflow:hidden
}

Kemudian ganti kode di bawah ini :

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

dengan di bawah ini :

 <b:includable id='comments' var='post'>
<div class='comments' id='comments'>
    <h3>
      <b:if cond='data:post.numComments == 0'> 0 Comments In &quot;<data:blog.pageName/>&quot; </b:if>
      <b:if cond='data:post.numComments == 1'> 1 Comments In &quot;<data:blog.pageName/>&quot;</b:if> 
      <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments In &quot;<data:blog.pageName/>&quot;</b:if>
    </h3>
 <b:if cond='data:post.allowComments'>
  <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
  </b:if>
                       
  <div class='clear'/>
  <div id='comment_block'>
   <b:loop values='data:post.comments' var='comment'>
                                                                             
   <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                     
      <b:if cond='data:post.adminClass == data:comment.adminClass'>
       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
       <b:else/>
                            &lt;div class=&#39;comment_inner&#39;&gt;
      </b:if>
    
    <div class='comment_header'>
     <div class='comment_avatar_wrap'>
     <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
     </div>
                         
     <div class='clear'/>
    </div>
         
    <div class='comment_body'>
                                      <span class='comment_arrow'/>
     <div class='comment_name'>
      <b:if cond='data:comment.authorUrl'>
       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
       <data:comment.author/>
      </b:if>
       <b:if cond='data:comment.author == data:post.author'>
         <span class='comment_author_flag'/>
       </b:if>   
                  <span class='comment_service'>
      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgT7iiZ1ItXL2YdI1zJESUwjQ9QcKAlOfmBbeh9XeZ4MqBnejSfXKQB-zuJ4EXFc50vpmWYHuRk1WDAdGauo8UDF9E696WdSIgyuny6HFJ3CDXA20V5f7ApkT7H4yWP99j6i6GWnGakIU/s1600/delete4.png' title='Hapus Komentar'/>
</a>                
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
        </a></span>
  </span></div>
     <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
                        <div class='clear'/>
                      
     </b:if>
                                                      
    </div>                         
     <div class='clear'/>
     &lt;/div&gt;
     <div class='clear'/>
           
    <div class='comment_child'/>
    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>              
    </div>
   </b:loop>              
   </div>    
    <div class='clear'/>
    <b:if cond='data:post.commentPagingRequired'>
     <span class='paging-control-container'>
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
     </span>
    </b:if>
    <div class='clear'/>
  <div class='comment_form'>         
         
   <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>   
     <b:include data='post' name='threaded-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' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
    </b:if>
   </b:if>
  </div>
 </b:if>
</div>                
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
     
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
Replace_Image_Link = true;//Auto replace link image,  ketik "false" untuk mendisable.
Replace_Force_Tag = true;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnfyX4mFS9uak4ypchvAsjmlB8F9dmPQDVRAMFXBu6dg9dBIWJmkVKTnRT7GZhGrncQfQ226diuztSKZNNiGr9DwW08AnXAiSMEcGkJaL7RJVrY7ga_BWonRWsWqKuHqZBBXVa3OqOvPM/s1600/smile1.gif',
':('   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHuvJMqqEt2qppgffsh1dzhtTzdOCACpE9RdOLfUOGiQQd7uunjNVYu8jfEjiRnDzH7LPD4vXAibBx14IR_FMPf8UIE3zmC2gMJc48U3pPx6lDGLeuL3GS3vvkHjDyVStBO1k6_shAzl4/s1600/sad.gif',
'=('   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu4urbzaI3tEBsJWbgCgLtGly7kMNapKYKGZ_44wLIrqSHp51IxrcPJ1SOj01sxlV3jU4DUpbbEoA5lpHB2dg8Dp3iHn_E0e7lC_WhQbb5FFfBcHM8drz8Be9YGGXPF65UTf2pwrfun7A/s1600/sadanimated.gif',
'^_^'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpNiGgc49jGAn33kuELBoc_ICPL5kV2_qNJFuG0tSzZCocQj1dzxU0UJbhljE0NCrBlmupvljrUMa-elk1vi21mzUpaY4RB-chEsqub0dU_BY6Sncojrew3RzO2lC-Vi277Mwyst5xY4/s1600/smile.gif',
':D'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGcFLGkYP6wiusdBG1W2ddyJLtjdq18a5Iz80DB-s6P10cqdtfOqrsCjyt__EnefS7xrIMnkOWcm7DD4mAEtsJLEAB9gWJ0jxyYWJiTaYzvnFcQcNQ1wM_VyWjSUSvOdnupwkqt11FpZg/s1600/icon_smile.gif',
'=D'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzudtnZqeuXOhDBQ-omgvPSjzcp3xh6jMlLYd-ix8nfn_xmIHbV_GwIaOFJuUuJi2fsTGR6WPabo1Hwk2mdlpuwZY5wclGzwLoM6sOrbhfdI_BUP1BPVvOJ5EGFPRReDFXWqOqqedhwIE/s1600/hihi.gif',
'|o|'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpmdfpunaCSTKZ2xHIXeFkqymhPtMNJqty4VUB3HamxPmrnK9Bn0TLWhH56pYs90Uw7OFahmzStjpu8_TCvLJldkrGn1k7ZYOWzyY-TP3cazdkVLqxzO55uWnx5b_5q9Jgeze0EmINFLY/s1600/applause.gif',
'@@,'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBMTe9Bka0Mxq6ywKJ0HuCEi8Ua4ce1nnQmmn3Ye6ZZImodkxdnQ31ep9bK1bDtHZPfGvj1g66mzLFEoDTfIc-s_WPjGSDdcLduJBc_4R414lWL4ZucDhLAqDVGCFuclAAcKROJPCbSZc/s1600/rolleyes.gif',
';)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdYioWVsKD1w74kley5gWHIJYexKP6QzPZ6RVn1DG_LwxxECrR6e15RkCyKOCfglzR-PAN2zdzHG6RRNyiKyHkwrSW5lDRKixzb9VZaqBeOMi3PlvJhPLHxzZM2XVbbmPxepAelZNo0gU/s1600/wink.gif',
':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnflsuO2oBroX1QH8WCxGN_tNYPveCTIP77-hvqseJOwEJSH6GgJmjmA5Mqg_iD31JVgctdZmU3dFR1IKWYnVEcH-Yo-Z8_Sy9o6FN6nx3_gZw5n-e0LlPiegOyzBmheZUdQfgK7e0Spo/s1600/thumb.gif',
':-d'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRpDH__gLPceB1tgkEwpF70Z7x3yeywSDNoXVuSWrIXSEpN7tPolWDMbAkknaM1vWFNQfp2ArBmy9PNjOV8BeOdshAPVJQBBwedLOJ2hczBJbmcToyzwMteffOvVSHBwz3ngUVkmpr65o/s1600/thumbsup.gif',
':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVarQk8jUxCfat_73cMGFntphaRCes7LdhEeQcTz5_IncOfTmt9CsUq2IiADzcFo0b4TNjmfAdRep_qiFdNa_mclAaRQ8LJup2DxT1G3lkJ6eUwVBCIyiY8wHl4nEIQHCCpRt4Mt2ALQ/s1600/wee.gif',     
':a01:', 'http://www.freesmileys.org/smileys/smiley-laughing021.gif',
':b02:', 'http://www.freesmileys.org/smileys/smiley-signs003.gif',
':c03:', 'http://www.freesmileys.org/smileys/smiley-signs001.gif',
':d04:', 'http://www.freesmileys.org/smileys/smiley-love008.gif',
':e05:', 'http://www.freesmileys.org/smileys/smiley-scared009.gif',
':f06:', 'http://www.freesmileys.org/smileys/smiley-shocked004.gif',
':g07:', 'http://www.freesmileys.org/smileys/smiley-devil09.gif',
':h08:', 'http://www.freesmileys.org/smileys/smiley-confused005.gif',
];
//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
    //]]>
</script>
</b:includable>

Langkah Terakhir : Simpan Template

Jika ada pertanyaan atau kesalahan dalam mengedit Threaded comment hack ini, silahkan beritahu masalahnya dalam kolom komentar, dan jangan lupa Like dan Share yaa...

UPDATE : 20 - 04 - 2014 : 14:40 PM

 http://the-anarchyta.blogspot.com/2014/01/threaded-comments-hack.html

Dunia Blanter

Membuat Threaded Comment Hack di Blog

Add Your Comments

Contact Form

Membuat Threaded Comment Hack di Blog

Add Your Comments

Contact Form

Dengan Blanter Tokoside, buatlah website penjualan produk Anda sendiri.