Cara Terbaru Membuat Kotak Komentar Blog Keren Banget

Cara Terbaru Membuat Kotak Komentar Blog Keren Banget

3/03/2015
RC Blog - Bagaimana Cara Mengubah dan Membuat Komentar di Blog Menjadi Keren ?Untuk merubah dan mendesign kotak komentar pada blogger agar nantinya lebih keren itu bukan hal yang sangat sulit , sobat cuman perlu mengetahui sedikit tentang css dan html . dan kemudian memasangkan html dan css sebagai pemanggil html tersebut pada halaman editor html blog anda. Namun bagi yang masih minim pengetahuanya tentang bahasa coding ini , sulit rasanya membuat kotak komentar blog jadi lebih keren , nah dari pada pusing liat kode alien , lebih baik contoh nih komentar blog dibawah ini yang keren pisan.

Tak hanya kotak komentar yang keren , akan tetapi comments box ini fast loading dan valid html5 serta css3 , sehingga tidak membuat blog anda lelet ketika di buka , dan tentunya membuat pengunjung betah lama - lama jagongan di blog sobat. komentar ini di modifikasi menjadi valid oleh master blogger indonesia yaitu " Kang Ismet " yang memberi nama komentar ini dengan komentar hack versi 3

Menurut saya komentar Blog ini Keren dan sangat enak di pandang , sehingga saya menggunakanya pada blog saya yang jelek ini , karena kemaren ada yang bertanya , mas gimana sih cara buat komentar blog yang keren seperti blognya masyadi ini ? untuk itu saya akan jawab melalui tutorial kali ini.

Cara Merubah Komentar Blog Menjadi lebih Keren

  1. Pertama , pastikan sobat udah masuk di dasbhor sobat sendiri
  2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
  3. Temukan kode dibawah ini :
    <b:include data='post' name='threaded_comments'/>
  4. Lalu Ganti kode diatas dengan kode seperti ini
    <b:include data='post' name='comments'/>
  5. Simpan kode ini di atas ]]></b:skin>
    #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:#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(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFhiB8956t9EgWZlSiz4IwDzl_0y4jP58rR7vJ-M2ibegjlTIaIGPp4SG7-i0RkUNGjdgODJwF7dUo_cexh4qPydezwVh8HYyZhWiKBVU5lVJYHBZqAwoVKBO5expnQQHYVyF5nZ9LNLlN/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:#eee;
    }
    .comment_admin .comment_date  {
    font-weight: normal;
    font-size:11px;
    }
    .comment_name {
    background:#eee;
    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:#fcfcfc;
    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:#fff;
    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(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNbkFJ0IwXvIAztONxhf6X7gORSNaTrhPGbppqjeJi1orRAXX-EztQZRL8oT1Mczdo2XZyIt9sHdCJsANyvS4X_OxlSUEwulmqgVQjc0XrWbtizqlXDU7g_quV_cej4EUgsZFG5k761n0/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(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFhiB8956t9EgWZlSiz4IwDzl_0y4jP58rR7vJ-M2ibegjlTIaIGPp4SG7-i0RkUNGjdgODJwF7dUo_cexh4qPydezwVh8HYyZhWiKBVU5lVJYHBZqAwoVKBO5expnQQHYVyF5nZ9LNLlN/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(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF-xznbfH9Lxplzo83_YBmRoyifcsPXTxsUEo0PxOuSUaN8Pqzt7jVkCAm4KZ9OXbKPpMBEp8q_dNmpw-Q3nLMiZ_di3txxd18wNf_NUkitEnbTE5Yb1w7Nzjm9nhzw6E0anHyLXSv2co/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}
  6. Kemudian ganti kode :
    <b:includable id='comments' var='post'>...</b:includable>
    dengan yang 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/AVvXsEgWwtGECe_6WziKsi4befnfM5bEE1a6eM9L9VlAE0RmRmoicNOf2ySeIVBfjr1EnkSrZG6VFKvlVZw_B5b_qpejKMYYG_BQbM9c7de74E-Z_JQn1SG0EBZqPngTE9SalIpeDgR8AZdPjrY/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/AVvXsEg2nOAGIYEgZEUm0Shs5cne1zPtoQpS-1gQuhc3bO-JUR0xv3A45_QdWaqek4mw1oIp6ypxohbdl7q3ArD5aiquZy7gb-GDvLlMAXr4kEhs1AOGiD5QX_71UTXEpflQBJ40wwMJLY5pOrE/s1600/smile1.gif',
            ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUlTmCZVEHJZLp-XX2LhLTIYo9pz0b4AAyKUrTZPD358OKfrlGBZU45EDoSm-N_ICt9Zh_HLv3Hi7M0ihtoHQn9qUdb6KqwaahBjWn3HKHxm7_dPYCLEmf9r2vmw-UEv138z_YkMmc7OM/s1600/sad.gif',
            '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVCtZTrzIERt6WkwVJQuweb6GM0Bjo112vC1lE2sOKFMK8SKekgCRz_hZMQU0HMQNIp1jLSsxjjn0pWgFJEZwXILhrl-rCwKfHVznDbaF_uxC8sZGv5hSNUqeztPZejaZBlx6htVVUps/s1600/sadanimated.gif',
            '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXr-_ZO7F9hAQ6zwfXWfk9d_LTveGzW8lEsDXGHtsfbpJKwIt-NUGFhmpnXZt7Gt5lBjHJZYuBZvMe07SqMXyTFgY_Ck08d9nUe4SndboG4cc7Neijt3PuxnATKxpQ0Cz-BxWozTLjbiw/s1600/smile.gif',
            ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlKyQrD8Uvmw3RtCQWzhJZh9CqPC-CNt0NwXaW4Y5Mn8GekU4RcMkX0U1KA1WjquUAXacQJ7uHkdsrcOhQhoFw-Jw-MMUxYAfn68Dg0iLvrJRAnGNPBesYJZSeX5kcvjNGaBGTU2eq40/s1600/icon_smile.gif',
            '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZFFIseusvRYB7Gcwfdb_NvZrSjPiK41QG4Ek2UzRskp3psJUsw7MYJJhgCdTZcguB8sZKipDLEaZJq0UOkRRwFhvcTCwIvThJ9USj16u-84r_1kPT-PfIx_sovjKeS7tPhJJYtgpC_Q/s1600/hihi.gif',
            '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghUCT8YLpvDDSuL6U1CO-wabu6S726C1hOdW4FFzMnwKNrzeA4kKZsf_K0l3TPRjAFqLD2N0K6EJRne41atSBT7Tlxto7a-mkiAG8690L0H1xvUCQgTZNQApF43lZt1MjOvS6HJckMv0M/s1600/applause.gif',
            '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWATJFRC8U9FIitfJZHfEbe7ASSGk6IlsPt-XrZYz8BK_T5RGr5g2k796yzZvioSFzvXyORLNBkWL_B4CSDDZvB6wjkaCcC9c7SDq7l05dRqOSDTkVT5aAFESQjcbj4QMk-Al_IcVYYac/s1600/rolleyes.gif',
            ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQlh7eoA7S6ezZGJQVjMX7CBtxNbMyKiF1wAAwJuD4wcys1wTyEKnflDKs7YmaBE0AB8FQGi2_PVi_mXxjRD5X8LRcc99fIMSceRZ3DxkWkERaXE3nezW-Fxxkc4cvFvfUHV0Ud2jnYtk/s1600/wink.gif',
            ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBqoXX7qgBJO8iG5oezk9-1oqIdRvKNomzquWZuNnmNtNhAZmx8jw5DN2pkWkQlqTa1l48QmG9sffDemSjTMSKTRxmqafKa9BWHBmKNjp9ttOtj61O6ByEtybuhmIaUKHBCYz1QZa9Sw/s1600/thumb.gif',
            ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrWHn94p-x-OGoD5Bdpv_C0D7ndZ5FY0Zkr4Ze2y121t-M6Y1GCt8ie5mntNIN7Q_KVnXoZpyoowZTpAFjSmW55ZnAyCyU3eG1amHJp-QohrvB38Gixm2Q5d11GxTtAMGdR6YZWmIODu0/s1600/thumbsup.gif',
            ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHc0X37XV2J6aScJaLtM6KzbTmA2krp-ytlm1uZd0UGD_Gcyy2MVYa3r8vsZqftFgii2ZmlLV3laDpopduTff3932RTmhmIeLquL7ZAGVfzfv-y-D6NJpOPkeuFxmhCOkDvQI9YVd7Qw/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>
  7. Terakhir baca bismillah dan berdoa semoga bisa , kemudian klik save
Gimana tutorial buat dan memasang kotak Komentar Blog Keren Banget pisan ? sangatlah mudah bukan ? atau bahkan sobat pusing melihat kode alien tersebut ? kalau pusing itu wajar sekali , karena saya waktu awal obrak - abrik template juga mengalamai hal yang sama , pokoknya tetap semangat dan jangan mudah menyerah , kalau masih gagal ya dicoba lagi sampai bisa , selamat memodifikasi komentar blog yang paling keren

Share this

Next
« Prev Post
Previous
Next Post »

1 komentar:

Write komentar
Unknown
23 April 2018 at 15:13 delete This comment has been removed by the author.
avatar

✖ Komentar dengan isi Link Aktif, Promosi, atau mengandung unsur Sara akan dihapus.
✔ Bila ingin riquest, bertanya, atau sekedar say hi aja, silahkan ke halaman OOT
✔ Untuk menyisipkan kode, silahkan parse lalu copy dan paste hasil parse ke kolom komentar.

ConversionConversion EmoticonEmoticon

Subscribe to: Post Comments (Atom)

Stats