Cara Membuat Threaded Comment Mirip Seperti Blog.KangIsmet.Net

Yahhhh Sebagai maniac dan pecinta Coding yang disediakan pada Blog KangIsmet yang sangat tenar dalam dunia blogging saat ini. saya akan ...

Yahhhh
Sebagai maniac dan pecinta Coding yang disediakan pada Blog KangIsmet yang sangat tenar dalam dunia blogging saat ini. saya akan publish cara mudah gimana cara membuat Threaded Comment Mirip Blog Kang Ismet.
Walaupun hasil nya tak semirip blog kang ismet, minimal bisa sama sama dikit lah.
mungkin sudah banyak pada blogger sekarang ini membuat Kotak komentar yang mirip dengan Blog Kang Ismet. tapi bagi yang tidak tau , mungkin bisa menggunakan tutorial dibawah ini.
Entah kenapa Kotak komentar yang dilaunching Oleh kang Ismet Sangat lah Sempurna dimata saat menggunakan nya.
mungkin disebabkan karena letak dan latar Kotak komentar tersbut sangat mengindahkan mata kita dengan Warna warna yang sangat elegan. dan tampilan yang styles.

Contoh SS yang saya ambil Dari Blog kangIsmet

Yupss , Akankah Tertarik sobat menggunakan Threaded Comments ini untuk dipasang di blog sobat saat ini?, pasti ya donk . OK langsung saja kita ke tutorialnya yang sudah disediakan .

Untuk berhati hati sebaiknya , sobat Backup Dulu template nya, mana tau ada kesalahan yang tidak di inginkan terjadi nantinya.

Masuk ke Dasboard > Template > Edit HTML.Pertama sobat cari semua kode dibawah ini :

Copy All Code

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

Ganti dengan kode ini :

Copy All Code

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

Jika semua kode diatas tadi telah diganti, lalu cari kode berikut :

Copy All Code

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

Ganti dengan kode ini :

Copy All Code

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

<style type='text/css'>

  #origin_cform{font-family:&#39;Oswald&#39;,sans-serif;}

  #comments {line-height:1.4em;margin: 60px 0 15px 0;position:relative;background:#2a3542;border-radius:4px;padding:25px 20px 0 20px;font-family:&#39;Open Sans&#39;,sans-serif}

  #comments h3 {border-radius:4px 4px 0 0;font-size:14px;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase;font-weight:normal;left:0;top:-43px;background:#22afa4;color:#fff;width:85%;padding:14px 20px 14px 75px;position:absolute}

#comments h3:before {

 content: &quot;\f0e6&quot;;

 font-family:fontAwesome;

 font-size:22px;

 font-style: normal;

 background-color:#1a857d;

 color:#fff;

 border-radius:5px 0 0 4px;

 top:2px;

 left:0;

margin-top:-1px;

 padding:13px 20px 12px 20px;

 position:absolute;

}

.comment_avatar_wrap{

width:42px;

height:42px;

border: 1px solid #151d26;

background:#25303c;

padding:4px;

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/AVvXsEjO-ecw9R4fuIs-DopfJseyN7rPvUoGfKBoC7JnB9icbdG7Zmdi4NmWz2iMmKSUePi31trKYNAk_dYqfgwWpE4SXSSZTHQD4coeH25ca_SSAjPYB8jIChtzYdmaZ5AB5XwHJ3nTnlicGUf7/s1600/anon.jpg) no-repeat;

}

.comment_name a {

color:#21afa4;

font-family:Oswald, Arial, Sans-serif;

padding-bottom:10px;

font-size:14px;

text-decoration: none;

}

.comment_name a:hover {

color:#c94e5c;}

.comment_admin .comment_name  {

font-family:Oswald, Arial, Sans-serif;

padding-bottom:10px;

font-size:14px;

text-decoration: none;

}

.comment_admin .comment_date  {

font-weight: normal;

font-size:11px;

}

.comment_name {

font-family:Oswald, Arial, Sans-serif;

padding-bottom:10px;

font-size:14px;

font-weight:normal;

position:relative;

}

.comment_service{

margin-top:5px

}

.comment_date {

color: #999;

float:right;

font-size:11px;

font-weight:normal;

}

.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:65px;

background:#25303c;

border:1px solid #1d2630;

border-top:1px solid #171f28;

border-left:1px solid #171f28;

padding:15px;

}

div.comment_inner.comment_admin{

background:#394549;

}

.comment_body p {

line-height: 1.5em;

margin: 5px 0 0 0;

color: #999;

font-size: 13px;

word-wrap:break-word;

padding-bottom:10px;

}

.comment_inner {

padding: 15px;

margin: 5px 0 5px 0;

background-color:#35404d;

}

.comment_child .comment_wrap {padding-left: 5%;}

.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: #54687c;

font: 11px/18px sans-serif;

transition: background-color 1s ease-out 0s;

}

.comment_reply:hover {

text-decoration: none !important;;

background: #627c96;

}

.unneeded-paging-control {display: none;}

#comment-editor {width:100% !important;background:#e1e3e6 url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTNSLNUK9nS0SOQGorE9nyo9rI8p0fh8qPaGpjcdsQ772P0cDO5NBMu-a4UKOZuvISLUv9XEDzP9clVC6PUiUPCuDSq38EPuC54BiSgAsbNhkjgRjoXUjwd-hPSzoT8msee3TLk1CtIL8/s1600/kangis-loader.gif&#39;) no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative;}

.comment-form {max-width: 100% !important;}

.comment_form a {

    margin-bottom:8px;

text-decoration: none;

font-weight: normal;

font-family:&#39;Oswald&#39;,sans-serif;

font-size: 15px;

text-align:center;

    color:#54687c;

}

  .comment_form a:hover {text-decoration: none;color:#f2f2f2}

.comment_reply_form {

padding: 0 0 0 70px;

}

.comment_reply_form .comment-form {width: 99%;}

img.comment_emo {margin:0;padding:0;vertical-align:middle}

.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_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}

.comment_img {max-width:100%!important;}

.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/AVvXsEjO-ecw9R4fuIs-DopfJseyN7rPvUoGfKBoC7JnB9icbdG7Zmdi4NmWz2iMmKSUePi31trKYNAk_dYqfgwWpE4SXSSZTHQD4coeH25ca_SSAjPYB8jIChtzYdmaZ5AB5XwHJ3nTnlicGUf7/s1600/anon.jpg) no-repeat}

.comment-delete img{float:right;margin-left:15px;margin-top:3px;}

.comment_author_flag {display:none}

.comment_admin .comment_author_flag {display:inline;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}

.deleted-comment {

background:#db6161 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJDYt7Y840RI7jMRv-m-5Gu7JPAzQDeg0BYZVWT95am_9c6NJaTRv7zWwEjtm9cSpADkNyCDxaBK_uM3s8x9aijxPMZ0eUK11uBgz4ne2Gq6RwDg5zL1Nbpb8Go0hwIraERXCz0Ki6n5w/s1600/tempat-sampah.png) no-repeat 2% 50%;

color:#efd4d4;

line-height: 22px;

border: 1px solid #c44d4d;

padding:12px 15px 12px 45px;

margin:5px 0;

display: block;

}

.comment-form p {

background: #54687c;

padding: 15px 15px 14px 15px;

margin: 5px 0 5px 0;

color: #f4f4f4;

font-size: 13px;

line-height: 20px;

border-radius:4px;

position:relative;

}

div.comment_avatar img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {

content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTOe0gr0BmuxAf7WVLPdXYqjBAntUK26siR-EhC05sCZF16tuAFFpsTYsi0C0TaQyoENKOTdJhBiNU7xeUHYgB1HTX0Gv3XRufMWZRCiMr8e282ITMS33vUkT5P9Vgfrob4p-cZ4bB-sQ/s45-c/gravatar.png);

}

  div:target .comment_inner{background:#346656;transition:all 15s ease-out;}

div:target .comment_child .comment_wrap .comment_inner{background:#404c5c;}

iframe{border:none;overflow:hidden}

.center {

 text-align:center

}

img.cm-prev {

  max-width:100%;

  margin:10px auto;

  page-break-after:always;

  display:block;

  text-align:center !important;

}

</style>

<div class='comments' id='comments'>

    <a name='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='comment_wrap' expr:auclass='data:comment.adminClass' expr:id='data:comment.anchorName' level='0'>                                                                                     

     <a expr:name='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'>

      <data:comment.authorAvatarImage/>

                                 </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)'>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' rel='nofollow' target='_blank'><data:comment.author/></a>

       <b:else/>

       <data:comment.author/>

      </b:if>       

                  <span class='comment_service'>

                      <b:include data='comment' name='commentDeleteIcon'/>

<a class='comment-delete' expr:href='data:comment.deleteUrl' title='Hapus komentar jelek ini'>

<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEircr_vjiNclPOJpEtt-rIfsM_0yuHqEOQhkHbfJvU08cTXKiFrt3EgtbJFsX3tJDt005D4OPm53RGo3PzLG_b-u-ev2sRInqNUF5_wpKzNDESvNSNP7CrEC1__mnLk6bV3R0q2ZivJ-rs/s1600/delete4.png' title='Hapus komentar jelek ini'/>

</a>

      <span class='comment_date'><abbr class='published' expr:title='data:post.timestampISO8601'>                   <data:comment.timestamp/></abbr></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'/>

    <a expr:name='&quot;r_&quot;+data:comment.anchorName'/>

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

      <div class='comment_emo_list'/>                                                                                             

       <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;//Kedalaman tingkat threaded comment

        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan

        Replace_Youtube_Link = true;//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/AVvXsEjDT3ijmpGJB_smBvIup6MjD0ENrY5n1bkjOWHhdDwW2TTXpPRIYdS6EB85dzAyX8IdxH8Z4_DLs9_hqsh7xnqCkrt6pzQzwpZgHMeGZ9HjfdYtyN6u06m2yXYVb22qhXsLz62NBArxYEg/s1600/smile1.gif',

        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBqgyUYyTHJUC2PRvXTS1yLQF4ccMib-keru-qwvoYekMGsvi05AAZhxhvTNUvJifcguIXbUbRXabqmFLH_7caO9KRiU1OSm8wum0_Y8ECkcLiV3bTUQosWSorYr0gNZPJrK3PcbBNwO4/s1600/sad.gif',

        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtrLGmQWi8m_9eMXWxs1YmNKJyX2pzIfBYg_11nE1YZBZv6x4mHGFVqT2YKf5gh3Z7UnSbZtqe5kBFZWPna4Ft1mleqSkUUX48xmPDDkpZoVlg0p47O_OxNceA-ImJpAc8SVLxweO9bg/s1600/sadanimated.gif',

        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQn02QZSWp7q149KIhSP1Zyj9BUwqW5gZ0JBiK0z3GxgNUNYwNYfDZVLpwwOYm6tjAcH5NhVUthhX1Dfskq5pr46Y53WaEwcW5gyEQHs1Lvac5lCe8h4fFp9D5oY5oe8WbN4tP_CR9dsg/s1600/smile.gif',

        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiEl1qm_YUTeVl-juy6c_htiDa8D_EJFMVlveQXKkXsmmI0DfRYRi3_HLKiBQG1eIQV2TU2WE8CjkeEe4HtnzNfuOgsSv0O6sOFpF9PdYfKQGrJnOxgZS1xe0YXZkurQ9myAnH0u9zPbM/s1600/icon_smile.gif',

        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1S68aRVOw8V1rdEyEwpBGcpYsry7ELCtZlixWdxE_bLIgp3WTOwMY4JRmG3gn3Pc9eqm7FGNqr3l0uIDXxbwVma3gViVxWEo98hdrvRVJKieedz4VkLAqQtymwOycIz5YLQI9yQj5ebk/s1600/hihi.gif',

        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzOjLpAERtiOwZmtHdEE6Fm1ayRe6E74w2hoqze_gG-98Ua8ZMrFt9vbGDTENxDS9rNkM9WBJyo34sog4PNbonIkbpDGRZS3p68faq33ug9ZZ5lY05li4-tGbZNfpmOv_8zlqsPiq9_Q/s1600/applause.gif',

        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGpf-U0bFNQz-vyU2Du4KK6eDSbaynFbp-52AkLIC3Gq4DGNldgl1bj4vyqmvyphVT5CO8JXPKUqngrUzHzZlAiFiZOT9OGSAoOranMWB2E1Vm0WIDQmJBHBpAG5BDqNz62dFn4rraokE/s1600/rolleyes.gif',

        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU3CypKeDX6saDKjyUYMeberk1pchFlqwDvQeG9h7ZEJT5-jUJMkRx3FVhodIembuW2hC5VTsO6c0bMhqkXtkMm_ZvJLWDQdw2XMOiYhJgmen1eQOIis2d9vs-31evL1u4oTr7hTC-FIw/s1600/wink.gif',

        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBrBr4kzKcehkGUmwRohUvyp73FUTPTpqBlGCfXzsQKDY9BW2OEU0QkYBtTpt7nm58ELi3aGWHQVmYYUG2yeyTTddOruV-lva5uYJ2z2nQmBkgnKut_HVSh_C6SCO503o2XWtN5DRVoSg/s1600/thumb.gif',

        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie_Qh1r488yUOCn7Fmo9yNkH3JBTKoWUrE3Wjqcl2iW7x61gQTXE9YrzdzYKOsJ54F242sG1_DPN_dt2xMMzp67iRv4aODqTUaFMeVtmMphoV86xSkmE06jr5ZG6Kis597GoLmdOQEWjg/s1600/thumbsup.gif',

                                                                 ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdq3VZTADvAou-16GsdtHuB0mZcBo2QxsJHRZW3SmfuN3Y9stJiwuXAca5MDnFhS5Pca4XFk7aX-my-DPuafJhknhhhrt1oioMdUxkAIw0oDwH3K1EAqbB0GV8clzLVi7NbW_B17BWZL0/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="">','&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 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))     

       //]]>

         </script>

</b:includable>

Lebih baik setelah Sobat menggunakan Threaded Comment diatas tadi, silahkan sobat hapus semua css Threaded Comment sebelumnya yang ada pada template sobat.

Jika sudah, klik Simpan Template, cukup sekian artikel saya hari ini, apabila ada kesalahan bisa sobat berkomentar dikolom yang telah disediakan.