VinaLuv Rulers Threaded Comments

VinaLuv Rulers Threades Comments. Pada postingan sebelumnya saya sudah menjelaskan tentang VinaLuv Threaded Comments, yang merupakan hack komentar Blogger, sehingga menyerupai WordPress. Saat ini, masih mengenai hack komentar blogger.

VinaLuv Rulers Threades Comment masih di buat oleh Bloggeritems.com, untuk kode sama seperti sebelumnya melalui pencarian dan akhirnya ketemu kode yang telah di urai, saya dapatkan disini. VinaLuv Rulers ini saya gunakan di Blog Saya.

Demo

Cara Pemasangan VinaLuv Rulers

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%;
padding: 20px 0 5px 0;
margin: 0;
}
.unneeded-paging-control {display: none;}
.comment_child .comment_wrap {
padding: 0 0 0 20px;
}
.comment_header {
float: left;
border-top: 3px solid #E9ECF1;
padding-top: 15px;
width: 215px;
margin: 0 15px 0 0;
}
.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_body {
border-top: 1px solid #E9ECF1;
padding: 0 0 8px;
}
.comment_name {
margin: -6px 0 0 40px!important;
font-family: Arial, Helvetica, Garuda, sans-serif;
 font-weight: normal;
 font-style: normal;
 line-height: 1;
 margin: 2.1em 0 1em;
 color: #525252;
 font-weight: bold;
 font-size: 16px;
}
.comment_name a:hover {
color: #F90;
}
.comment_name a {
color: #525252;
text-decoration: none;
text-shadow: 0 0 1px #DDD;
font-size: 16px;
}
.comment_name a:hover {color: #F90;}
.comment_service {
margin: 0 0 0 41px;
color: #CCC;
font-size: 10px;
font-style: italic;
}
.comment_body p {
margin: 13px 15px 10px 15px;
word-wrap: break-word;
color: gray;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
font-size: 12px;
padding: 0 0 0 214px;
}
.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 {
}
.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;
}
.comment_inner {
margin: 0 0 25px 0;
}
.comment_reply {
clear: both;
float: right;
height: 20px;
filter: alpha(opacity=60);
opacity: 0.6;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSLV0WMXSCfknFtx7WRiy3TsaJddYs7ifQjNgcPjAOnKBjMsA5vUfazLSLpEsEdaGumD5IrKbkGxwBCRNdhxIoqXevDu5VJfOLuontkWK-6fG2tN2jMI3kHxbVP0rhM5WoJyjjiLN_UQw/s12/reply.png) no-repeat top left;
margin-right: 15px;
padding-left: 16px;
font-weight: normal;
text-transform: uppercase;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 10px;
color: #666;
}
.comment_inner:hover > .comment_reply {
filter: alpha(opacity=100);
opacity: 1;
}
.comment_child .comment_wrap {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBJ5QFRWk_UYeb84rArCw1OyhqbTdNIrI1Js7JnwLITBz7A7TdAd40IszMyHw3Y_TLZpxZQvAsvsFBkCCa4n8FnwL0nanT1ie3CcBXQzX83NLlawkMVUEYmbd6oUGTgqIxnJgS38L1N8/s21/reply_bg.png) no-repeat;
padding: 11px 0 0 30px;
}
.comment_admin .comment_header {
border-top: 3px solid lightSalmon;
}

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 :

lt;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>

               <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>
              </b:if>
             </div>

             <div class='clear'/>
             <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 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....

14 komentar

Edukasi Kristen

14 Desember 2012 pukul 09.45

bru prtama datang ke blog ini
ee, disuguhin artikel berbobot
akan segera saya coba

Balas

Semacam Info

10 Januari 2013 pukul 13.08

Menarik dan sangat bermanfaat.. subhanallah..

Depok Blogzine

11 Januari 2013 pukul 22.39

Kalo cara ganti border yang warna oren diatas avatar/nama gimana kang? ane udah utak atik segala code warnanya tetep aja gak berubah :(

Rahmat Aziz

9 Februari 2013 pukul 22.34

Hehehe kang ismet memang hebat dalam penulisan kodenya |o| :) :-bd

kambing gaul

18 Februari 2013 pukul 21.12

berhasil bang...coba cek sendiri yahh

jgn lupa commnet balik

18 Februari 2013 pukul 21.19

bang..GAGAL bang....gue save ehh malah ada tulisan warna merah..berulang kali saya save tetap saja gitu....apa harus di hapus "#comments atau .comment"????