Cara Mengganti Kotak Komentar Blog Biar Lebih Keren

Baca Juga

Cara Membuat, Mengubah, atau Mengganti Kotak Komentar Blog Biar Lebih Bagus, Lengkap, dan Keren.

BANYAK gaya atau model desain kotak komentar blog. Salah satunya yang CB gunakan di blog ini.

Jika Anda ingin kotak komentar keren seperti di blog CB, berikut ini cara memasang alias mengganti kotak komentar yang sudah ada.

Ini tampilanya. Punya CB mah diedit dikit. Yang ini ada tulisan/gambar/icon "author" jika kita membalas komentar.

Keren 'kan? Nah bagaimana cara membuatnya, atau lebih tepatnya, memasangnya di template blog? Ini dia.

Cara Mengganti Kotak Komentar Blog Keren

Langkah pertama klik Template > Edit HTML untuk mengedit kode template bagian kotak komentar. Langkah selanjutnya sebagai berikut:

1. Cari (Ctrl+F) dan ganti kode:  

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

dengan kode:

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

2. Ganti kode CSS comentar yang diawali dengan kode .comments atau #comments dengan kode berikut ini. Atau copas saja kode berikut ini di atas kode ]]></b:skin> atau </style>

#comments h3{margin-bottom:15px;font-size:18px}.comment_avatar_wrap{width:42px;height:42px;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;background:#fcfcfc;padding:4px;border-radius:2px;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/AVvXsEhKyz-V2vXJK62GaAhwqavspJU4ygOdondwYLZPjM3o0SLFGBF9goIRrhWetrZh-V_jhU8EzdmwOupInBXSQaSt3m3lVi7j_K2kKfEwgDTOenyqEA8un_UEnVgxYLiGAgNPhGh_0lnJJID_/s1600/anon.jpg) no-repeat}.comment_name a{font-weight:700;padding:5px 0 0;font-size:13px;text-decoration:none}.comment_admin .comment_name{font-weight:700;padding:10px;font-size:13px;text-decoration:none;background:#eee}.comment_admin .comment_date{font-weight:400;font-size:11px}.comment_name{background:#eee;padding:10px;font-size:13px;font-weight:700;position:relative}.comment_service{margin-top:5px}.comment_date{color:#a9a9a9;float:right;font-size:11px;font-weight:400;margin-top:-3px}.comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:400}.comment_date a:hover{color:#a9a9a9;text-decoration:none}.comment_body{margin-left:66px;margin-top:-72px;background:#fcfcfc;border:1px solid #d1d1d1;padding:10px;border-radius:2px}.comment_body p{line-height:1.5em;margin:5px 0 0;color:#666;border:1px solid #eee;font-size:13px;word-wrap:break-word;background:#fff;padding:10px}.comment_inner{padding-bottom:5px;margin:5px 0}.comment_child .comment_wrap{padding-left:7%}.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:#bababa;font:11px/18px sans-serif;transition:background-color 1s ease-out 0}.comment_reply:hover{text-decoration:none!important;background:#056b95}.unneeded-paging-control{display:none}.comment-form{max-width:100%}#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%}.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px}.comment_form a:hover{text-decoration:underline}.comment-form p{background:#666;padding:10px;margin:5px 0;color:#eee;font-size:13px;line-height:20px;width:97%;border-radius:3px;position:relative}.comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-16px;left:15px;border:8px solid transparent;border-color:#666 transparent transparent}.comment_reply_form{padding:0 0 0 70px}.comment_reply_form .comment-form{width:99%}.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:700;font-size:11px;letter-spacing:1px;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}.deleted-comment{padding:10px;display:block;color:#CCC}.comment_arrow{display:block;width:9px;height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu1zvn47daq6WrRAmH932AGgJC70e0YVA7fRqW8grZJdO5ToItS8zLRFkv2P2diQtBKmt-D17_zeFHxciuBl2XMnA0a3kLx5P2dGEFzLnKALXYYNhvdLxQIN44eYADdBE8RSpxTrb5wRo/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-19px}.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/AVvXsEhKyz-V2vXJK62GaAhwqavspJU4ygOdondwYLZPjM3o0SLFGBF9goIRrhWetrZh-V_jhU8EzdmwOupInBXSQaSt3m3lVi7j_K2kKfEwgDTOenyqEA8un_UEnVgxYLiGAgNPhGh_0lnJJID_/s1600/anon.jpg) no-repeat}.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}.comment_author_flag{display:none}.comment_admin .comment_author_flag{display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrWFNgI37Wz5uSNM0GqRHeS3s1WV2RFVHcLmFxBjIW3-SZGYmQStvYdU6FqIAPlSSrFGrgVxQkUkOB8Z_GO0th7nwQxGOkCeApKJcEWqtAAuy_p5bj3cDLH2bkfUBKNJJvWkIx9Zw0c-g/s1600/author.png)no-repeat;font-size:13px;font-weight:400;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}

3. Ganti kode <b:includable id='comments' var='post'>.....kode lainnya di sini ..... </b:includable> dengan kode berikut 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/AVvXsEhQFkWCOIrZvNRzbE9BEMOv5dBcMGAErqMkO-pQmZSxxaGhtpdwYID900aLkm2RBmgnIiifwaa-q_etETVrgcVdQTjxDlyYX3DL7_lKbdp2ibvygs074Zx9Oq-PWgh58aUlPCIEgVjGXjc/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/AVvXsEg6YBqIjXSfMXvgmnSqe9mxohjVhVOVwNdBBBC2KLr6KPhA_wjoO640c7oZR1L4CPES_wf85_urOMm-PZMdvGELg86fhnsyVf_aYp-i9QXwCRZjtZl3ZwvokFTvI9N4QRJuBo2y1nv3doE/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg59dLW4LHrjuqelqUroZEA9kUmPAjH5eG4T_3hgWdqL7UEV3d9irVxZ2alfUGhig_QnOyNu-vBtTKx8QTh6yeKh3IZus5YSlf9DE89gm6wlDnWrJHqcccRA_J1Z0Zn3HMIOP3-2w1DfkI/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ2ntFaUcgw2f94qf1SmpKXx3-RLQIkgtqYzP5mgN2w_kA2SAYV6h4EmZBfDmutW0AKV66wId5Iabep-khJHtbzeuDoClF3nLclj_TlWIftWd6KHEBgFQdUCuf7WfeLkVWn0gUmfmv4qg/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5SGzneO44e5Ed92S7ZPTb0K4URtByUuWyCRWXIXi4C72BMjoV-5nKyJ_4XGGInWkx-DMWWRSu0G85wYV0qqJwwVQ_NgWCn72aAWVEorfMYAgqDxL-VyWhn-ksJPkILJJ8T2KnR8GZ9c/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGhuVGlNUFVERruJb-nswLVC1eUFNc6TzTo9SQbFfQ3XA7aPcbQf-S5YVry3MbRfs5WdBbYBUiELBIeY4q6jfi2r4nakW1Q1YTMyJR9Pke9-kqwyHovnaWNkENnnPkJH14xShVmDlssg8/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihNfX3iy9ucRzm5WoISzIf1I2VRxLwNFRi6b3pkO8EbwQpOTfjwztcQmcM4IaJBbFn3tpBaUZe6dhaB3SoI4f0fPm1N2sky0f_YyFpfmNTIrjquOLw0yr4dy-ugyQNAerXEH1-oXNBdAY/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ44et1Lm8RmMWzA6ii0bQnmOV7RaD7o-aMrhCrVzSuKFE9vwJ1ghDknSPLgfoilJefZAE_yW1wk6bpc8Ms5bTEwZC7s4wxjS2Pg0LG1WjrJbCnm93RxmZvkLE6z2ukTHk_lHBwzl5tfc/s1600/applause.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcp2tmmibZaSOW0US6g_f7uX-pYI1N_QL7OKXPEDnkdU74-GrF6fwcNkIu-VcjYEjEhHGu3y1U8xhwZep3FYo2ZnHxWBLg2sP4jWAG8kWwUwwz8yPa0cLazEr4UJ01J7QE64pYZ7EKfNI/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit51hwgBplay31ESTzC8RAo3Os9hGoOFNdHEjhU5sjXRmqNyRhKNaECL1IDd64obRFvWl2YR8h5PfMj1IaLgfWpa17PnUvxIv8DPhVwwXfl2HodjbDkK7HMSNSyOfnr0oyCxYt-iKinJY/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBOjatvX-CDD1J4f4b9jf6fM3qDx9J_96vJ0pDRvEBBbM_AA_irokVILT7m8D_TBhUtTwoWpFDzAdxxnS8VJwcUjHGh13pi4KRIG8orbnrhE-HW-W03Gu9LYcIE7uWwl1LOOw3N5dWnrA/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV4jDhZfeezWwLBcLNp5dhBD7zi5dHA1m0m9xgagQO3uMdP6UsjYiac1CNr2cUexi7rXjYcCFplfV4FYOB945vNBEpfy4mO9-9zKPNJKrCaXj_fc7mCfw_dFo3djG_CA52UsszH4OFHW8/s1600/thumbsup.gif',
        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVQATv1pXf-BOrN2rN14VmPpU8T7t3siJTC9Cgaz_7srKKZSoS6rZWC3gueSd1H2Gz-DvSXHXjArXKVerarEU8tQXxC_O9XtssFZz5sAUeP8BnVqcTYMV_eelDstucdu2G0RVy9Abi0lI/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>

Save Template!

Kini kotak komentar blog Anda sudah berubah menjadi lebih keren dan lengkap seperti SC di atas. Good Luck! (http://www.contohblog.com).*

Baca Juga:

1. Jenis-Jenis Komentar Blog
2. Mengatasi Komentar Tidak Muncul
3. Memasang Kotak Komentar Facebok

Sumber