Memodifikasi Thread Comment Blogger

Memodifikasi Thread Comment Blogger

Memodifikasi Thread Comment Blogger - Banyak yang menanyakan bagaimana cara membuat thread comment hack buatan Kang Ismet ini, disini saya memcoba memodifikasi ya walaupun hanya pada cssnya, :D

Pada tutorial sebelumnya Memasang Thread Comment Hack Blogger modifikasi kang Adhy.

Penampakan pada Demo

Untuk Caranya silahkan ikuti cara berikut:

1. Masuk Dashboard Blogger > Template > Edit HTML
2. Masukan Kode CSS berikut di atas kode ]]></b:skin> atau </style>

#comments {line-height:1.4em;margin:0;position:relative}
#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:-53px;background:#95a5a6;color:#fff;padding:10px;padding-left: 0;;}
#comments h3:before {content: "\f0e6";font-family:fontAwesome;font-size:22px;font-style: normal;background-color:#7f8c8d;color:#fff;border-radius:4px 0 0 0px;top:0;left:0;padding:10px 20px;position:relative;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #cfcfcf;
background:#e0e0e0;
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/AVvXsEiXnijuL1MAhJRg8F0pO6VHvUtiFOmu5x-ExBFq7_M7C5O1MUS8KPRKQIIQXN3-7fY5SfX2baH4jib2QQnqfKmfd2APVzN363F6Jh1qVIlI3X-9u0sz-b5M9Xa08yUC3gGo7tmbGR5SuLLP/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-family:Oswald, Arial, Sans-serif;
padding-bottom:10px;
color: #000;
font-size:14px;
text-decoration: none;
}
.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: #333;
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;
border: 1px solid #dcdcdc;
background:#fff;
padding:15px;
color: #333;
}
div.comment_inner.comment_admin{
background:#848B93;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #333;
font-size: 13px;
word-wrap:break-word;
padding-bottom:10px;
}
.comment_inner {
padding: 15px;
margin: 5px 0 5px 0;
background-color:#bdc3c7;
}
.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: #555;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #333;
}
.unneeded-paging-control {display: none;}
#comment-editor {width:100% !important;background:#d9d9d9 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUX7YV0_3aXc7Y0JhAf5A00BVRjVqOzx8Enlwl2EhqK5cRJ5-unGqmvfjUkgdOcALd8XfoJPgmcF-FXOAYTn1aqxbeE_uC5f8yHILS00aPFtPRY8Pa8Bbp83dBnh2MNltCs9qWJfF2fpE/s1600/MAzmaw-loader.gif') no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative;}
.comment-form {max-width: 100% !important;}
.comment_form a {display: block;background: #7f8c8d;color: #fff;text-decoration: none;text-transform: capitalize;text-align: center;border-radius: 10px 10px 0 0;}
.comment_form a:hover {background:#95a5a6;text-decoration: none;transition: 1s ease-out 0.5s}

.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;
    clear:both;
    width:100%;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 5px 0 0;
height: 40px;
width:55px;
color:#999;
}
.comment_emo_list span {
display: block;
font-weight: normal;
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/AVvXsEiXnijuL1MAhJRg8F0pO6VHvUtiFOmu5x-ExBFq7_M7C5O1MUS8KPRKQIIQXN3-7fY5SfX2baH4jib2QQnqfKmfd2APVzN363F6Jh1qVIlI3X-9u0sz-b5M9Xa08yUC3gGo7tmbGR5SuLLP/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;background:#2d2d2d;font:12px Oswald;font-weight:400;padding:2px 6px;margin-left:8px;margin-top:-5px;color:#fff;text-transform:uppercase;}
iframe{border:none;overflow:hidden}
.deleted-comment {
background:#daabab url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkyJosgoJLpdIAqif6cDQlvvJhbZGgayCfFFI90eYxlJELVjij0BFH_DMRWdskeWLTCzLfaxDMwE2ZcsFOFn-yftgA4Go8bp_4APw4Sly4p4IkoNwkGlKpToAOxiMf55vdUm0oQhiLA8A/s1600/tempat-sampah.png) no-repeat 2% 50%;
color:#fff;
line-height: 22px;
padding:10px 15px 10px 45px;
margin:5px 0;
display: block;
font-size:13px;
}
.comment-form p {background: #e74c3c;padding: 15px 15px 14px 15px;margin: 15px 0 5px 0;color: #f4f4f4;font-size: 13px;line-height: 20px;border-radius:4px;position:relative;}
.comment-form p:after{content:'';width:0;height:0;position:absolute;top:100%;left:20px;
border:8px solid transparent;border-color:#e74c3c transparent transparent ;z-index:999;}
div.comment_avatar img[src='http://img1.blogblog.com/img/openid16-rounded.gif'] {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkFcKhgjR8al-r5Vg95mqbBEHEBV9XdJMrh6lKCbS2hxDtyvSdvnt8WfD92L21OGld8xvVU_vIYqxgUS2JLsJDKzlN9UVSkYfJqlC_AisKtCfv2Pc6T3jlzV_OeuRNKzoRHy_WNYXDck/s45-c/gravatar.png);}
div:target .comment_inner{background:#d1dee8;transition:all 15s ease-out;}
div:target .comment_child .comment_wrap .comment_inner{background:#e9e9e9;} 
iframe{border:none;overflow:hidden}

Karena kode diatas menggunakan Font Awesome,Baca : Cara Menggunakan Font Awesome di Blogger
3. Bila anda belum menggunakan thread comment ini silahkan ganti semua kode

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

dengan kode

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

4. Cari kode pada Komentar berikut

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

5. Ganti kodenya dengan ini:

<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_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'>Admin</span>
       </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/AVvXsEjOf1Jve8p9chB4w2aZQc1LMNFIm66PGfZabw-X6sfQ4vvrT9_HnYJ459PP0ZRNHZPnmigqYbQMpvYn1foBeyiEq2k2x-LZQoJaRwoYIOw88pzC2Y0vmin7_t5nJCCMiOAdS16d1c_ezjM/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'>   
      <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' 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 = false;//Auto replace link image,  ketik "false" untuk mendisable.
                                Replace_Force_Tag = false;//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/AVvXsEiCAqHJPVJkPTdXqPWFV9PGY6AxG115j5p-xzNtQ7qtQrXKFDzgPPOnr1yvI9U_4sQP7ixW2cDOL3YCrqt7gjVz4pyZ_3Etzmzp1zxqTJlWxmmklss8NBYIp_mmzAL7HD00jx1uz953028/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9QJ0JA86fOGOcw3jJii_X30sEp-SyK2Go8GYbw47gB3JuZemNIfqR8iNm7ieoABoIpuhx7YCvfMc3g3aZt5MBK8eEdKTzq-2S0ncOKc_mDHA4Jh40RKpF4eNElySm2IkXZumjpW8r7aA/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrklvN_E72051GyCmT61WeRtXBmv2Am0fW0UOIwwSzA_xRbDawYunsPDul5aHP46A3haKzunueekp-JGKlzKNncf0e4XCvbFxuhWyVWzae5FcyWpYDDQBLjrqE6eGtdtHyFrkBM35y4F4/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5wuuEU8ZGq6r7ouA3F2XKz5U80QymckdRYQbgwkmPaVURtvVy_ZfZjA3E6bJ5Y6skZDlzzFBbfLvEB2cA2kjrLcEcd4QpMIz5NLLPY91h0S6F0E8IJVTDVHBeOBKF9tlMaCvngPN1hw/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8HrI7hJQXBjfSMzVgB5GW5NJktpABwHzTCiPtnPVxf68adT_7QdqgVhhr_2nXHPC2fsesIZ222shII2lNa0QX1gUZBGlBBjTeBL5YA6BRrlAkKe7YTh7nRTmRzTUBlxgXvtRGyASloMw/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt24I-qqDOMqXOJZ0UsodAFVLlc_Vd1okE06jnljA4DXi9jBRnL5I_6q_EuWMR3jCIUCelJzY4f2wetXb0feOTiAUcv0dVt7QydXVvmRPbpOvFz6HIDmyRaVuF-iqsgy2I45f1nZRw4rc/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh51Ja-LfiY1kxsYGzdXrzCy4oAbK9s1iQdoIfSQ6-OKpo1OuMCjYbv7j0RlNsz12Lgu1qPmzFE8r3wJrO4dm_1cCKZEPqAhnJZRth0GmGG9Z4Ai5ZcWN0vXCk1jbhkLv0SFDMn9DmKgcc/s1600/applause.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiraL0W2AwHHaxnjBdyUWy6km1CP_idJEGmR3uFSh9h8Bwb3GOpQN4IqMkrfc5AMpPkJk7pwlE6OiewowR4nJ5OyrR8fZF0kKeQzfUHCnaikVLPghlaE97zMt_VxWqXlp15NxW_k39Z0VA/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhQubRxoVsc7jR9SwE3hQY17xPHxFbVbbRAqG5UjJZof-QnncXwTmMIChbk_ofeQev_8boCLjoJzjcyX8-ES2JXUXYqQ863rcdFp8-Twt4ByBwtNZF1oStHg7CgiUF_OUVzQugKjiZzE/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT9EC759y-6dw565cRGJjITE3wct0iGtrThbFIGHuzxCkLaxd1MowhxdsTDrGGB7EnPaRYIBrgALEgZZlbtrD22Tea4NISxh909WAHluL0LXaO2ZFjvTsL0QBPFzuBKSmJu0xtv97uTU4/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCl0cecqZ8oxbAn_f-qWW6EsJrORRT-cC8RlQa1wemMXz9KKOVclkYrFWKWmHQc2PNqWNx2TylJaOiQ6mU4zO2A4clUa_bYTCT_RL4YJQ-_tG87G52_kcYDj-a_NxR26NRnQM1GQ0fVoI/s1600/thumbsup.gif',
        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy89u-xRUMiR2X52eK7nDS5KqxRrOiZV70kyfCM2dX0CRBF-_uPD9eHK17q-YCzGEIwGf94cb79GAiwE4vo8ThAmG8ezirE_wuwEOIV2BbcnHxIdTQa7obhTnDIcFGu5_I224FpLvwqfY/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 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>

6. Simpan Template.

Silahakn edit sendiri sesuai keinginan anda. Semoga bermanfaat