Cara Membuat Kotak Komentar Keren Di Blogger Part 1

Cara Membuat Kotak Komentar Keren di Blogger Part 1

Cara Membuat Kotak Komentar Keren di Blogger- merubah atau mendesain kotak komentar salah satu bagian untuk membuat tampilan blog lebih menarik. selain mendesain kotak komentar, sobat juga bisa melihat cara membuat pesan keren di atas form komentar blog agar tampilan kolom komentar lebih tampil cantik. nah cara untuk mendesain kotak komentar ini juga tidak terlalu sulit, sobat hanya perlu mengetahui sedikit tentang kode css dan Html dan kemudian sobat memasangkan html dan kode css sebagai pemanggil Html tersebut pada halaman editor html blog sobat.

Membuat dan memodif kotak komentar menjadi keren tentu lebih membuat Tampilan blog sobat semakin menarik. tak hanya itu, kotak komentar ini juga fast loading dan valid Html5 serta Css3, sehingga tidak membuat blog sobat lambat ketika dibuka,dan pastinya membuat pengunjung betah berlama- lama nyantai di blog sobat.

Nah bagi sobat yang ingin membuat atau memodif kotak komentar blog sobat menjadi lebih keren, pada kesempatan kali ini saya akan membagikan trik dan Cara Membuat Kotak Komentar Keren di Blogger. Oke langsung saja silahkan sobat ikuti langkah langkah dibawah ini :

1. Log-in ke Akun Blogger.com

2. Klik Template
3. Pilih Edit HTML

4. Cari kode ]]></b:skin>

5. Copy kode css dibawah ini, lalu Paste diatas kode ]]></b:skin>

/* Modif Kotak Komentar */
#comments{}
#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:#666;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/AVvXsEiGkzL3CRwqHE8Q3bjTSOA6dFXjTgm_1MixE_F6x3xbD2a_kpSLj6xyChQleCh3JkJDX70HAQrKP8VbCqNpDHcUJKlHr24pgW8Z-hteXuJRERlQwYOpXewfPTzNOHS-6pPC9gDP6wUTdESZ/s1600/anon.jpg) no-repeat}
.comment_name a{font-weight:bold;padding:5px 0 0 0;font-size:13px;text-decoration:none}
.comment_admin .comment_name{font-weight:bold;padding:10px;font-size:13px;text-decoration:none;background:#333}
.comment_admin .comment_date{font-weight:normal;font-size:11px}
.comment_name{background:#333;padding:10px;font-size:13px;font-weight:bold;position:relative}
.comment_service{margin-top:5px}
.comment_date{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;margin-top:-3px}
.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-left:66px;margin-top:-72px;background:#666;border:1px solid #d1d1d1;padding:10px;border-radius:2px}
.comment_body p{line-height:1.5em;margin:5px 0 0 0;color:#666;border:1px solid #eee;font-size:13px;word-wrap:break-word;background:#dcdcdc;padding:10px}
.comment_inner{padding-bottom:5px;margin:5px 0 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 0s}
.comment_reply:hover{text-decoration:none!important;;background:#056b95}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%;!important}
#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:bold;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 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:bold;font-size:11px;letter-spacing:1px}
.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}
.deleted-comment{padding:10px 10px 10px 10px;display:block;color:#CCC}
.comment_arrow{display:block;width:9px;height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1fCopbkhfrPfTuhYVyt5M8YL5VFwPG2JeYFC8jCQTdtR8gvoBRQEZjnhjoeCgkTK8UDGBsT9CMeHVnNbRRXo34QGv6mC089nDhHuJif8n0kEYvG-hS_T9jskUAZbBdJBomMtio_v8BCA/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/AVvXsEiGkzL3CRwqHE8Q3bjTSOA6dFXjTgm_1MixE_F6x3xbD2a_kpSLj6xyChQleCh3JkJDX70HAQrKP8VbCqNpDHcUJKlHr24pgW8Z-hteXuJRERlQwYOpXewfPTzNOHS-6pPC9gDP6wUTdESZ/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/AVvXsEh5VKOl30cHk39oJkL8uHNwo8XbG5ZlZTbFTHlYmx4TfNrKle9IuUrAqtVRf-OQb3po9zxI142Y88np3SfTVwoHMmf1iIXhZVVIue1mMLHFSi7JfJlh4n8FWWomtpxh6uk_yDdyOObE2tE/s1600/author.png)no-repeat;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}<br />
<br />
<br />
</div>

6. Cari kode <b:includable id='comments' var='post'>...</b:includable>
7. Lalu Sobat ganti dengan kode di bawah 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>
     
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
     
    <data:post.commentRangeText/>
     
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
     
    <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'>
       <div class='comment_inner comment_admin'>
       <b:else/>
                            <div class='comment_inner'>
      </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='"#r_"+data:comment.anchorName' expr:id='"r"+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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHfhRzdG2RoB3KBkB7yxQbJFr8BJLnZ_lVQ4FeGn2ilmTrOYUFUOPkgyf9ObOtw17hB5kC3iGBg2ZI8BLifZHtJ7LQ9p6y9NjlaM_sU4eccViYNevk_zMILNzzgCN_ExBlapVuBkLOga4/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'/>
     </div>
<div class='clear'/>
    <div class='comment_child'/>
    <div class='comment_reply_form' expr:id='"r_f_"+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>
        
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
        
       <data:post.commentRangeText/>
        
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
        
       <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 = {'maxThreadDepth':'0'};
        </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/AVvXsEjdig7bIOZ9kA7CeUUSCOFU5w36yokeJF52KjapNezD0K2lCQNYcfm6vstjsv1YUENzTPGd6-8idCnQVeA9xh4nRhNgumrDu3MFCdKTttdZUY7uyh7lQCoSO8D-r0OBaF4hr-rVpvpm2AE/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiURwOYjNlGNQUU97iMOQnEghrEyWqQ17OQKIYRoVctlxMu3qScL4oGYtoRAYKAVVhiAomSMJAuAXDo9TlIm1jXSPopAWiMrlfJSikTfNlp_IKRGjAGl-HYoDS8DdZ9dHmVFjtbRZ16v8I/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIjOYCbMyS2MIeZw8MGlNX_fjH-ZXzuDds94Htxejo-EExaqpyZmPftF1speECeC3gB8j7aZCljD7VhriY0Nqg-dJ7YrKH4PN9uT5B3Q8kjhdoFHxd_J2YixNqAxqlEG5YsuW4iosvTU/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfcZiR9UPa_jhaNNJltj4XMCiAP3Apczq5J2AZ-sIS2UVIoql3fWuUMTlo4OiM2ATuipZmnsU6492w16IYp4eYy7uqqyWzYMbRgHozWmsq7fb4zxJdqoJFv-EfOv8Pk_soh3t8V1qgjqw/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbEirNhHPlZC5n3Zdlwh9-AqayWZ7ZbU4EjKxRo-J9H7gWxhxy9UKnVZdEaX2m6405V_HZwfaceSB-a0AyBzxB6pF_4mfaK__tEXadz3BO66qyZ3FYW2DggGbs_71Do-17aRu18Q-5Gh4/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8XBIuyjg02zLMYJVTx3MlYiAvQ4gvd6auu4LeDNI5ql7lvPBIhe2PG6ZvMLzqg2IFU4nDYSZ6M6_YVUlxXOvrooNXSE3-A9-M6HZ1ior-SlVUV7HKO1c_lTYxgouduS9IJueKp7EjXtY/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbyRGqNLOim7YqE80ajp0qKE2ceQgUPLvesUQALtEaH2K-J_4d6VGQcetykmKM3SHOle8rIGPKzlo85akcY6hoyahaIQjdkdX0OdDDdUbtQ_XXCXr1iaRfCqLjlOs7JxDshovfZvFURs/s1600/applause.gif',
        '@@'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6sfj3X6JUN_7nDoh14w5TONGqQChu_25X-4ZLmM8arkYMiqozYZl8MZDGVaDsB2s9HW-l2a2mCoPPZU9plKCB-g-hf__IRMND4zmBIArinUCRwoBigvNQuhmbWHYteQgtQSBavAMeiZQ/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGA8OSveLpyCtQmdXduECbj3CKgs6sH4f19ETJXo5vhRg_x1SbEA6vV8ovhDU5XT_1V1ekW1zNJxO_h3hlgtq1Pce4KCIBlMvlRsTUiw_mopIUqb4u9ijFsmUQRJIZYwgN8xZfsRlqh8/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik9umM805xn-u7dXLOe3bzj5oVuOQTQEE_3-IaE3ftZY-RHz9ZNZt8IfQABFbfjVR5bb5PJPjZNqx8Nz459eR4DgcLlUp61jtyUfctzoUKohbaL6iWcbpJRNYkcLkr9enoXWYa-n9Epo4/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWqSS9GgQxIZUy_dti2QknTVK_yCykMNgpUqzOpk76KKTncSRnDcWLAnMnZiR8EQfjFkux4AQS8tzd-8lhsYJLMFATFHEqZ3MiJxrcq6x2IO1uStFkM9ywPcoz7ke6mIs4ENTw2y9ylJ8/s1600/thumbsup.gif',
        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7cwXAf_iD3hBv6dHUDRWucqV0Lwy5w8mY3sKopaoX-0q79xHxnnOlXhSb2U4RxkHjw7JIrxubreeE7LSU69JhX07QGcHY9JhGyoUINPVFk6MylLwvEc4Ln6K67otuA4ZJZG7tUakFvh0/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="">','<code>',
                                    '</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>

8. Jika sudah Silahkan Sobat Klik Simpan Template

Demikian Cara Membuat Kotak Komentar keren di Blogger, semoga bermanfaat buat sobat semua.

Cara Membuat Kotak Komentar Keren Di Blogger Part 1

Chord yang Digunakan0

Cara Membuat Kotak Komentar Keren di Blogger Part 1

Fitur Lagu