VinaLuv Threaded Comment

+ 11 Komentar
VinaLuv Threaded Comment merupakan hack komentar sistem lama, sehingga menjadi komentar bertingkat seperti WordPress. Blogger saat ini telah menerapkan sitem komentar baru / Threaded Comment, akan tetapi hanya 2 tingkat saja.

Berbeda dengan VinaLuv, hack komentar yang dibuat oleh Bloggeritems.com ini sangat briliant, didalamnya kita bisa memasukan link image, youtube, tag pre, dan emoticon.

VinaLup Threaded Comment

Sebenarnya untuk menggunakan VinaLuv ini harus mengunjungi Bloggeritems, karena ada kode Template Barcode yang sulit dipecahkan. Akan tetapi, saya menemukan kode lain disini, setelah saya edit, ternyata bisa digunakan.


Cara Pemasangan VinaLuv

1. Backup terlebih dahulu template untuk menghindari kesalahan
2. Pada Dashbor kilik Template --> Edit HTML --> Lanjutkan
3. Centang Expand Template Widget
4. Cari kode <b:include data='post' name='threaded_comments'/>, ganti semua dengan :
<b:include data='post' name='comments'/>
5. Simpan kode ini diatas ]]></b:skin>
#comments h4 {
font-family: Arial, Helvetica, Garuda, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 20px;
color: #666;
text-shadow: 0 0 1px #CCC;
display: block;
width: 100%;
border-bottom: 1px dotted #CCC;
padding: 20px 0 5px 0;
margin: 0;
}
.unneeded-paging-control {display: none;}
.comment_child .comment_wrap {
padding: 0 0 0 20px;
border-left: 1px solid #DDD;
}
.comment_inner {
background: white;
width: 100%;
zoom: 1;
display: inline-block;
outline: none;
overflow: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.17);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.17);
box-shadow: 0 1px 1px rgba(0,0,0,.17);
-webkit-background-clip: padding-box;
margin: 7px 0 8px 0;
}
.comment_header {margin: 15px 15px 5px 15px;}
.comment_avatar img {
margin: 0 15px 0 0;
 border-width: 1px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -webkit-background-clip: padding-box;
}
.comment_name {
margin: 0 0 0 40px;
font-family: Arial, Helvetica, Garuda, sans-serif;
 font-weight: normal;
 font-style: normal;
 line-height: 1;
 margin: 2.1em 0 1em;
 color: #525252;;
}
.comment_name {
margin: 0 0 0 40px;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-weight: bold;
line-height: 1;
font-size: 16px;
}
.comment_name a {
color: #525252;
text-decoration: none;
text-shadow: 0 0 1px #DDD;
}
.comment_name a:hover {color: #F90;}
.comment_service {
margin: 0 0 0 41px;
color: #CCC;
font-size: 12px;
font-style: italic;
}
.comment_reply {
float: right;
margin: -25px 0 0 0;
color: #F90;
font-weight: normal;
text-decoration: none;
}
.comment_reply:hover {text-decoration: underline;}
.comment_body p {
font-size: 13px;
margin: 10px 15px 10px 15px;
color: #666;
word-wrap: break-word;
}
.comment_avatar .avatar-image-container {
height: 36px!important;
width: 36px!important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDzsI6FpH6n26UQcukCTnlauWHpXWj3ZHSSpmitEIXOqRvQDJQAe0MvCV3pTHFdFAHYu75lkAzhQcrky5UCQ5uWpEe6_nt3xQlwavbiwdPhr09wv4S2Gcjd3UIfgVLP7oV-QjkIZygZQU/s35/ano_icon.gif) no-repeat;
 border-width: 1px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -webkit-background-clip: padding-box;
}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:101%!important}
.comment_admin {
background: #FFE;
}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
color: #F90;
}
.comment_form a:hover {text-decoration: underline;}
.comment_reply_form {
padding: 0 0 0 20px;
border-left: 1px solid #DDD;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo {
max-width: 1.5em;
max-height: 1.5em;
vertical-align: middle;
margin: -0.3em 0 0 0;
}
.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;
}
.comments .avatar-image-container img {
width:36px!important;
height:36px!important
}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
#respond {
overflow: hidden;
padding-left: 10px;
margin-top: 30px;
clear: both;
}
supaya tampilan tidak ngaco, hapus dulu kode yang diawali #comments atau .comment

6. Ganti kode antara <b:includable id='comments' var='post'> dan </b:includable>, dengan kode ini :
  <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>
        
          
          
         <b:if cond='data:post.numComments != 0'>
          <h4>
           <b:if cond='data:post.numComments == 1'>
            1 <data:commentLabel/>:
           <b:else/>
            <data:post.numComments/> <data:commentLabelPlural/>
           </b:if>
          </h4>
         </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'>
               <data:comment.authorAvatarImage/>
              </div>
              <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>   
              </div>             
              <div class='comment_service'>
               <span class='comment_date'><abbr class='published' expr:title='data:post.timestampISO8601'><data:comment.timestamp/></abbr></span>
               <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>
               <b:include data='comment' name='commentDeleteIcon'/>
              </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>
                                                            <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'>
            <h4 id='comment-post-message'><data:postCommentMsg/></h4>
            <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;//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 = [
        'O.O'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzIIQ046oz9KCahXN71n2GHYpiJW8G9Qw5CrT1VOWVQjX3ZC-38Yyg4rEG_Q92wZ1snq0IILLR8HTvGchuoxXUOfRlWMcCXimAYR-kIfd6tgMJ2J_JcozifS_arWVdbkEWzppbzzXrAaU/s68/andor.gif',
        '-"-'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2r_IizKEhyphenhyphenoW3siq6pVPGSh7wLa5VlIxXMU536pgLiimVIoGUQlxXyBsK8fMFzHi099jHcEcgvPKfd5FbH1rYr19A1fpT34UJ0Gw2bQ7uKbA4oCQ-GTc3PaTIsBA1WOa0Dnw3dA38Bq0/s71/angry.gif',
        '(*.*)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Tj_eyZ6lW1J7w1uk5w04hHUYBFayUE0_sNC9ud9AWVLD7uC3S1Rxijmcd_1kF3r00qcnm_AzpJGbmHCDIeDsJ5srvSxg7uy4N9fGTs7CXkjqixVhSJvSK5HPy21Yho-vGNPROANx8hc/s68/big_love.gif',
        '*-*'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkE1Leuty3_iAcEwRWwuPZ6rM3klpGF6i85OmBqyWE2q2lLE5K2KvcbM14B3ubhhA5gcF1eKwu3wb8ehPSiqR-qURJ7YRoYFQtWGBfyivw01k40ehgA9etJbiuWym_HE7vUnJQUE_NihY/s69/blushing.gif',
        '="='  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDJC-xxEbh1JF20s3SDhzQx1d6saT7ZpsX5pr2_g_rGxGXbbG7zOMIvvGaDwDutqU9VEeBflqnkbAp1nKw9XIjfsHOdt12jxZG-V6AtRDnpAgdEt6iYfxWJD-QILcc6HeaNIMuQepqLnU/s69/boss.gif',
        'o"o?'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGBJ0qlYRszXOKiWMj6ZrrBd_acYDk9DRvKtEV8c-zAc7IA_RCOr5M5YMRqn5g94CFE4g46XM4BC6EluT_Nm0RrANChWGy7YVVMnYoaOGnnMYF4TpJhyphenhyphenlvSwiSMqkrqtxbfzbUEK_A7KU/s71/confuse.gif',
        '(T_T)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5wmlu2RDwmbMRIf1Xf7MWjkvYAq27PhaUZG03E2Gez6lygOEpL3xvruiw3ry_Wd7lCTmZ4tWOS8A0TnxISz0xyQd-YGGNSaRoavGnfAHcuRajbKUppHOte0zdKPsvJpfQ7-X7o-3fekg/s68/cry.gif',
        '(--;)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcK0et4tj_ef5qVbFHbKK1x0eoF8DF2DXq1MOniur0fkvt9TcLp9yb1xmU1QWq9mLYXjK8SQYpGEH45cQ9Z5j0LRocAez_-la6d_qh2Qof9qhVmp8l0q9JGrUoxt3RnMcfKzLWnJJ61k/s69/down.gif',
        ':^D^:'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwZRSFD1h1pYWYME34kg2-bDdzl8uNHQ6Ww7OW5-YrhUmm4fEU97lnrh3BpKkZQRVVshHsRpD8kt9vnZytkQW_gxyXdUmFHIZgoxzTPqUo2ktdx7ixk0VQaNIWev_WVlJcv9iNsk_5Ag/s69/hi_smile.gif',
        ':@v@:'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_23l06i0TdhgYZruQi930NP9KgyJcXDPgDKp-oRP-XA1LK54JBeHsJeUm-7Vxnra4thG3l_qacOsAkS1kctKhVJqjCiuxA502m0v9etH6wDCVRQDSa7Q3d9Gi1pICZvI49f03nIQNnOmB/s69/hypnotized.gif',
        '-.-b'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiriogtjedxezVBfLe_Bk1_CH3XD2X_CTH8xdIXHlWKj6CUwqyjHA-1lo9COUVR1roL_VlqPbGj5HWVhHu2LPv73I-8loL7RFp-rhPACPtkERcDeHt40daEMuTTI9CZmykFYTxIkYXkzw/s71/music.gif',
        '(==)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGnb2up2FYHZFegbQYL8OFSb3P4e6vh9tU93pD3YRkPra4Wz87Wgo2hgy9qr0ERgzQqoYXkZ1mEAtkVNsaje7ZXPEUSpxTD7x8O_j97_daPaZKbDaMo9GwlmmZOytr5VbWK0ZZTYMaEQ/s69/no_see.gif',
        '(oxO)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7NzAEhtDx4FttiNDbW_eZk-hKlz4n6FkLyET22TxJYP6aT4ajGH9YzX3Tcj37jC1w5eS1gaTiTO5hl-3qgooPxpQl644yeHV2PHzIt0MAOgGLMMNUrc7rIwFpRKkn4x8LAvWGTN7vbG8/s69/no_talk.gif',
        'o(O'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPy7KHa3r5gpybubCi7Uug2IeRyIOKzYxSkrhddGG5S9EHde0gmcFplHmTTWm_m7VK4CqWbppEKwNUnkCL9ZFpdYv2hLt-wrKKQlI7I4jfdYd1OWOX3m0jcJ9hfU1UnKbLEfuDvqaA63o/s70/sick.gif',
        '(--)z'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgS1GzgmXYOGXek_5vV3fVb-mWG3nSsY7zdz3PpE2cyrFfkObIt1B6qPDHu1KPZKfGSi_6GKTszUscDsAMcFQRiqNvThS_cuwnRFo5dZihgdlNOVyI46hn-xPquV65LN7G4arwlO-CC1M/s72/sleep.gif',
        '(*0*)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhujUKw7TNem3EqYuDmH6hxXC0Ll8n9bVgnYCY9NGOSBLTbxrySTzmDv5b4zHmccGEHj50kZ-mLLcJXkzW4IUoUkM896GNE5B-eYazEeFtmauAtLiriO0hauQM2o2bmzXfoy_NXBIoxdSU/s69/surprise.gif',
        '^q^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitGvUOw7JPapx2-ukmPWppKvXlpQohu9RUBpz0MxfmDPk-GO0q_IiKw_cS-tIK42gt-1Zv0JwjmDvB5UEprJRfK56I_x3ia2_tumW4m7o9bpefLIdfeSLDR-n9YcHXHWyJYmxsbBSxgK4/s69/tongue.gif',
        '(o_o)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5evZyFXyAMTOlQwLzcxHj1c_jdRRjqdernu5Y8nbPBCksPzLbXjdHIENIuBvU7yZDeQyaEupG4XhcTnwvbvcihZCSmK5QcfzGcTD-yxpZCmNIiqA4OFFCg1L7-BtnF6ELtgaBjeucUXk/s69/v_smile.gif',
        '*_`'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9VXaDTgtC_3NFt1YSX81Jg91cIcwj0blpV9w1Iu55j6P-hpinyzhp7a6OLuxpUcr40aPmzEJlL9RE7zmCWptWjIxXoIq48CLhXnJy9Qn1bOslKCygDbrRS2PQIj-gVdAYv_c3SHNg-7z/s68/whew.gif',
        '**"'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_eBFsYA5Lt6r25AYLlrsP-H9qTQJprPNUhVPGYvPf9ccy8ddklJ08H90S-i-7rj8FJ2JoVVt_JpSYSDT3Sz2lODG-pWg7YRomBdZDg3oJUq_fhC30marujfVRpN5Y0vRdpINxk0Q-5Igi/s73/worried.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>
Jadi hasilnya seperti ini :
<b:includable id='comments' var='post'>
KODE DI ATAS
</b:includable>
7. Simpan Template.

Semoga bermanfaat....

11 komentar

Css dan HTML nya jadi banyak ya gan...
Kira2 nambahin Time Loading gak ya?

Balas

tuutt tuuttttt,....
bagus skali post nya |o|

Balas

ngga ko.. kan ganti html yang awal sob

Balas

makasih sob.. semoga bermanfaat

Balas

masih panjangan jembatan suramado sob :)

Balas

keren gan :) makasih ya

Balas

kok ngga work ya sob? threaded comment-nya ga nampak, tapi code-nya jalan.. ini blog saya
tatsuyaxick.blogspot.com

Balas

Posting Komentar

Silahkan tinggalkan komentar sobat... Mohon jangan menggunakan link hidup, karena akan otomatis terhapus!