Modifikasi Threaded Comment Hack Style 2 Kang Ismet

Jika Anda sedang mengoptimasi validasi HTML5 di area postingan blog, maka salah satu unsur yang harus Anda benahi yaitu elemen komentar postingan blogger. Rekomendasi aku yaitu gunakan threaded comment hack dari +Kang Ismet agar komentarnya menjadi valid HTML5. Ada dua style yang Kang Ismet berikan, dan sekarang aku akan share modifikasi threaded comment hack dari Kang Ismet dengan memakai style yang kedua.

Di sini aku hanya merubah beberapa style arahan CSS-nya, lalu menghapus beberapa arahan CSS yang tidak diperlukan, dan mengganti gambar icon hapus komentar dengan arahan HTML semoga menjadi lebih ringan.

DEMO

Bagaimana tertarik untuk mencobanya? Silahkan gunakan arahan CSS dan HTML-nya di bawah ini. Untuk cara pemasangannya silahkan lihat pada postingan Kang Ismet pada link di bawah postingan ini.

Kode CSS:

 #comments{}
 #comments h3 {margin-bottom:25px;font:24px Oswald;text-transform:uppercase}
 .comment_avatar { height: 48px; width: 48px; background: #F0F0F0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzLaokqX2xRD4JRE8Aa1FdpAp18Bn0II7UYYGAp9NU-QSq6ucrZq7akNFe7rcvHZWNvB7f-gRI3RzsR0gWprCaSHCavvj7wVLz5Ud3nI0BJncfB0tK6_w35daeofirNvrA9NLyr_hM8cg/s48/anon48.gif) no-repeat center center; float: left; margin-top: 5px; margin-right: 10px;border:5px solid #d2d2d2; overflow: hidden;transition:all 400ms ease-in-out }
 .comment_name { color: #444;font-size: 18px; font-weight: normal; line-height: 19.5px; max-width: 100%; text-decoration: none; margin-top: 8px;text-transform:uppercase }
 .comment_name a { text-transform: uppercase; font: 20px Oswald; color:#444;text-decoration:none}
 .comment_name a:hover { color: #0088b2;text-decoration:none; }
 .comment_service{float:right;margin-right:0;margin-top:-20px;position:relative}
 .comment_service a{display:inline-block}
 .comment_body p {font:14px "Open Sans","Trebuchet MS",Helvetica,sans-serif; line-height: 1.3em; }
 .comment_body {margin:5px 0 20px 56px;border-top:5px solid #d2d2d2;padding:0 60px 0 10px;position:relative; transition:all 400ms ease-in-out}
 .comment_date { color: #999; font-style: italic; font-size: 13px; line-height: 25px; cursor: pointer; font-weight: normal;margin-right:20px }
 .comment_area:hover .comment_body {border-top:5px solid red}
 .comment_area:hover .comment_avatar{border:5px solid red; border-radius: 50%;}
 .comment_area:hover .comment_reply{opacity:1}
 .comment_child .comment_body { margin-top: 5px; margin-bottom: 30px; margin-left:48px }
 .comment_child .comment_wrap {padding-left: 40px}
 .comment_reply {box-shadow:inset 0px 1px 0px 0px #fce2c1;background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);background-color:#ffc477;border-radius:3px;border:1px solid #eeb44f;display:inline-block;cursor:pointer;color:#ffffff;font-family:arial;font-size:11px;font-weight:bold;padding:4px 16px;text-decoration:none;text-shadow:0px 1px 0px #cc9f52; float:right; position:absolute; right:0; top:8px;opacity:0;transition:all 400ms ease-in-out}
 .comment_reply:hover { text-decoration: none;background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);background-color:#fb9e25;}
 .comment_admin .avatar-image-container {}
 .unneeded-paging-control {display: none;}
 .comment_reply_form{padding:0 0 0 48px}
 .comment_reply_form .comment-form {width: 100%}
 .comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important;margin-right: 10px; }
 .comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px;}
 .comment_form a { color: #2f6986; text-decoration: none; }
 .comment_form a:hover {color: #2f6986; text-decoration: underline;}
 .comment_author_flag {display:none}
 .comment_admin .comment_author_flag {box-shadow:inset 0px 1px 0px 0px #f5978e;background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);background-color:#f24537;border-radius:3px;border:1px solid #d02718;display:inline-block;color:#ffffff;font-family:arial;font-size:12px;font-weight:bold;padding:1px 8px;text-decoration:none;text-shadow:0px 1px 0px #810e05;position:absolute;margin:3px 0 0 10px}
 a.comment-delete{float:right;position:absolute;top:4px;right:0; font-size: 16px;color: #999}
 a.comment-delete:hover{color: red}
 #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%;margin-left:-8px}
 .comment-form {max-width: 100%;!important;margin-top:25px !important}
 .comment_emo_list .item {float: left;width: 40px;text-align: center;height: 40px;margin: 10px 10px 0 0;}
 .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}
 .comment-form p {background: #666;padding: 10px;margin: 5px 0 5px 0;color: #eee;font:14px "Open Sans","Trebuchet MS",Helvetica,sans-serif;line-height: 20px;width:97.5%;border-radius:3px;position:relative;}
 .comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-15px;left:15px;border:8px solid transparent;border-color:#666 transparent transparent;}
 iframe{border:none;overflow:hidden}
 .deleted-comment{display:block;color:#333;font:italic 13px Arial;word-wrap:break-word;margin-top:10px;}
 

Kode HTML:

 <b:includable id='comments' var='post'>
              <div class='comments' id='comments'>
         <b:if cond='data:post.allowComments'>
        
          <b:if cond='data:post.numComments != 0'>
           <h3>
            <b:if cond='data:post.numComments == 1'>
             1 <data:commentLabel/>:
            <b:else/>
             <data:post.numComments/> <data:commentLabelPlural/>
            </b:if>
           </h3>
          </b:if>
                
          <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_area'>
              <div class='comment_header'>
              <div class='comment_avatar'>
       <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
               </div>
               <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'>Admin</span>
                </b:if> 
               </div>            
               <div class='comment_service'>
                <a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>             
                <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'>&#10006;</a>
               </div>
               <div class='clear'/>
              </div>
              <div class='comment_body'>
               <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
               <b:else/>
                <p><data:comment.body/></p>
 <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 class='clear'/>                                         
               </b:if>                                       
              </div>
               <div class='clear'/>
             &lt;/div&gt;
             <div class='clear'/>
             </div>
             <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'><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;//How threaded level that you want
         Display_Emo = true;//Display emoticon or not? set "false" to no display
         Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable
         Replace_Image_Link = true;//Auto replace an image link  choose "false" to disable.
                                 Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap
         Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true
        
         //Config emoticons declare
         Emo_List = [
         ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih7uUGDhJfZvLubA8j2adocO9oil6HxGUDxeHmWndhDp0n0FQ6lNjBJ04yUBL9165wDQSdjZyTF5gV4pPPzB9BsbUa0Zxp0WqJIU4ogFngIO57iL41zjBxidUM7CmnhAE05c-58xenFkA/s1600/smile1.gif',
         ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieUcVq1uqqRJ9HYvp9fSO555QvxDcvVSx8v72NVvwGPd7xePU0Uknn4oEb32YVodISCo9J19GJSJCRcEGn_ZEJMRKKXGvA27TtX3EB8FZqT9JWEieOUAhp2Gaw3jIAmo3dlKKkCrj_CK0/s1600/sad.gif',
         '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNFQlwyNXgoXimPlYCss2nrm1ju0xJpuPa00AqcN7oUBntlD8KLzGAbVmSwz2l_b5LgoTMaMxoo448eJvWlmZo5yapbbZvK_SQqSgqnrNo-Iln0f7ILcLCWJMCxw8DY6xw1FYsUWfcltI/s1600/sadanimated.gif',
         '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzJKuXjqa-WdNuQURlI3UB1z0Z2ctKNkmGyRzZkcg7qJJC35OACpXDiglWbE7aC7lupzfxzQqDY_Es_ztvgpFeRehW040cDWGvBJta9rpP1jSajtdbv2tBuJU0TA0DizJhx2nlBIp9NSU/s1600/smile.gif',
         ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJielalNSyF5bQVeON_59TR2TW3Kpz5u8OuHR-yPTLhx_RwNTge335_OPdJm0VQDNl_uQjPeXajyU_-SEUTQg2Nx8OuNT3SNEmqrUXGr2wRvnVATKgBgNIBG465-4iZpZMNljXJqkwcfE/s1600/icon_smile.gif',
         '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiX_Llz242JTMigP5uTUH_deIGT-IMNR4aHdpPTyfQeSdwDhCxGJ4G4VIOEUXd5shodC_ylT5tC4NxgHTfoIAZ28rgwRITbnsK2E0Dk16k3jJh2hCzaNtSL6De36cu3hCGW9TB-TZByFc/s1600/hihi.gif',
         '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQuzuAZW_XTqgakFHfvI5VZAeRKHUufbaprPMjrzzsbR8wmhbKMY1gbAaMhkkLDsvUlAs_JAUXp5VJwlZDwTWpwtg-XsKTE91LC4ut6KWUqAQSw276mSOWCRvG-J74dGvZfZ8-bLSwk8s/s1600/applause.gif',
         '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm0OZ-3X90n78DXeJXGtEryQhmTR1SIW0cRd4dBVhQSeL2WsxBecje7zyqdnC2Z1hH8wckY4_I_qSz5iUArdTkq2cq0egIlDurf6lEhJpY7GO-drydBs_fK4VpesCsoH7PQo7EpLlYFcE/s1600/rolleyes.gif',
         ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9NZ1rVBqClvdu9yoxi4m9-dWm-6w4KZ2KDaq8bgPzpmzUojMw1q0paGVi5WiodQAV1k1OlNB2P_076wSOYG-x4y5RVLBp3csSUf8ZMTcBE2bngyKa74fWiGAaiW-hsQLMfxPuhBKfxc/s1600/wink.gif',
         ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC1clY9Lv1Q5sSH9Y_Mp61KJjsDm1SC3limAqzPA_KHePd46NIBT0FB_KFAOKCat3osCJ-FN_5OVkpPH50wj0mxFaxBXMlI5JQfvwN8D8aeKoIEO8mbPz_A30gen0IrG3vDyjEDBHASUA/s1600/thumb.gif',
         ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMkZUBmX5GePG-lrurQCejW4XXgbnUySBBL6Ug4AHmhoAuwL7sFVOuV6-1wko8Dj36OIDC_EPrJ2EyUNY5PUCt0oaoixkcXBrgAm4z2W9JFfcrfDTIvBiO-hkFsWDAb9uf4qZl9ZzeDl4/s1600/thumbsup.gif',
         ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKdK2QfrTU-qx4aMPDTrwqdjg9_5LD9MyIY4Gq3VmkzNqhWnSmYvaXzPTkFcBVflt3XG1uPd0w9hJFVYNTYTHtLbCDwqXuYJkvM7bo_TzZzxVJQwPg1kwFVyhswGjUHuCxBHUmu3MtnFU/s1600/wee.gif',     
         ];
        
                               
                                 //Config Force tag list, define all in lower case
                                 Force_Tag = [
                                     '[pre]','<pre>',
                                     '[/pre]','</pre>',
                                     '<pre class="brush: plain; title: ; notranslate" title="Modifikasi Threaded Comment Hack Style 2 Kang Ismet">','&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>
 

Cara pemasangan Threaded Comment Hack: https://komporajaibku.blogspot.com//search?q=memberikan-title-pada-link-blog

Sumber https://www.kompiajaib.com/

Share this post