Cara Membuat Kotak Pesan Komentar Berwarna ( Memodifikasi Kotak Pesan ) Pada Blog - Asal Seo
News Update
Loading...
Home Blogger Cara Membuat Kotak Pesan Komentar Berwarna ( Memodifikasi Kotak Pesan ) Pada Blog

Minggu, 09 Februari 2020

Cara Membuat Kotak Pesan Komentar Berwarna ( Memodifikasi Kotak Pesan ) Pada Blog

         2 comments   

Cara Membuat Kotak Pesan Komentar Berwarna ( Memodifikasi Kotak Pesan Komentar ) Pada Blog - Banyak sekali cara untuk membuat tampilan blog kita menarik supaya pengunjung betah tinggal di blog kita, Sudah berbagai macam cara para blogger membuat tampilan yang sedemikian menarik dan nyaman agar terlihat profesional dan tentunya tujuan utama dari semua itu selalu mengutamakan visitor. Salah satunya agar blog kita terlihat menarik yaitu dengan Cara Membuat Kotak Pesan Komentar Berwarna ( Memodifikasi Kotak Pesan ) Pada Blog, Karena dengan cara ini blog kita terlihat rapih dan elegan tentunya juga dengan cara ini membuat mata user ( pengunjung ) terlihat menarik.

Banyak cara untuk membuat kotak pesan berwarna dan tidak jarang pula para blogger memakai cara ini, dari merubah bagian CSS, menambahkan Java Script, hingga sedikit sentuhan untuk yang sudah ahli. Tidak jarang juga dari bawaan templatenya yang sudah termodifikasi sehingga para blogger tidak susah repot merubah atau menambahkan di bagian templatenya.

Fungsi Merubah Warna Kotak Pesan Komentar

Sebenarnya memasang cara ini hanya untuk membuat tampilan blog kita terlihat rapih dan terlihat bagus, dan tujuan dari memasang cara ini hanya untuk membuat user lebih nyaman dan betah lama di blog kita. Tapi dengan cara yang saya bagikan ini sudah support css3 dan html5 loh jadi untuk blog kalian tidak akan berat setelah memakai cara ini.

Seperti itulah sedikit penjelasan tentang Cara Membuat Kotak Pesan Komentar Berwarna ( Memodifikasi Kotak Pesan ) Pada Blog, jika kalian tertarik untuk memasang Kotak Pesan Komentar Berwarna Pada Blog silahkan ikuti cara dibawah ini.

Cara Merubah Kotak Pesan Komentar Menjadi Berwarna Dan Fast Loading

  • Masuk ke blog kamu
  • Pilih Template lalu pilih -> Edit Html
  • Cari kode di bawah ini
<b:include data='post' name='threaded_comments'/>
  • Lalu ganti kode di atas dengan kode di bawah ini
<b:include data='post' name='comments'/>
  • Kemudian cari kode ]]></b:skin>
  • Copy kode di bawah ini dan Pastekan tepat di atas kode ]]></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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVI0IiCdDJrKnxjfekCmeXmklIM8k1v_f2LXQf3VXvQCPbC80u2qJG2JrU4NE6z0gBbKEgBk5QHT38hwxj3gf81umDTEjP9iH095iBNNuBJ9UGcT9RdwgIXe1yx1EBLy5Rz_7vTyzOrrko/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJo6zX8YSh-ZlIiKdT8TPLWXg64JOHlx2OhReEivFxqTd6WtXvDbwUbE9Noe2FOqBUvzHYjNWFYBUJgoMJLOZUwFWsGakTfn3lUMZjbCrQzrOW8jhJHCyFSc9BWXG4UHeU9cXFh0dKh_I/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/AVvXsEgVI0IiCdDJrKnxjfekCmeXmklIM8k1v_f2LXQf3VXvQCPbC80u2qJG2JrU4NE6z0gBbKEgBk5QHT38hwxj3gf81umDTEjP9iH095iBNNuBJ9UGcT9RdwgIXe1yx1EBLy5Rz_7vTyzOrrko/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/AVvXsEi4p7Bg8wQBkbuM_L7fl4-Euo9HnheILUGC9tNv9iOY9WaVEr3STeFWt6mjIc4u-bW19WG1_haPF3s1ZTIC_KlNKMe5myCRo_6bL2m__KBgWAdP0vDHEQtBqrmwM8g_4dHD9nvQXvn-1fg/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}
  • Lanjut cari kode di bawah ini
<b:includable id='comments' var='post'>...</b:includable>
  • Dan ganti dengan kode 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/AVvXsEjGcr6UcIMSvW0GEf1uIfCSTU4zwbQb2afZi-zEMmjSGG57mOHQFLB24kNZNXJN5ARXNf0U6GnPxLVIH8razoeT9xufgQY2pJBWSpW8RMpRzZsRyPHSgXEO-U_vPFxbHhzArVECGodqJ1k/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/AVvXsEgj3wY1gPorAxI8djUztJRdb2PT7wIgKh545MbNlsq17bywqbQWSgOnhQGSWio8IzCOJL4-2jmeh48DK9_381AsZ5UeKcudOQWn6nRrrIVuZ2y-J7cdOOWDM_purOy6PfdXL5Fyrw1ffqI/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiciaWCtcfyoLV0MwNudFJFRyC4Lry32UajixhDu2K6WZM9JYGdRdpAtDixK8Qta_hWm4yiQrDtz2WyuIJIriBTHJ1LFMJdIyUU4IF2nWsFWFvB1NHyLUP-2Lzk18_ApGUE81G8lTEa1kM/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJvJBO4-er9zM4TYRiTsv6Tmbn6PdK_1g7cZF_jaT7Ui9r9BysYMAIa_h_rBXH3rdSUMH3D5gP0vSR95t0pQOMicpK-3Svy3f6qraQzkwXHxi2C3wHi6-OCjus-JLWB6mMg9FXjTUGZaI/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHJ4zzrAjr5sk7h06G_onuRDoJRDyjkKK4MjHAk2GlZ52QzGBNngWcAcU6xAIvZnA7woHMjSqyu7cgWcp0Mr2JeS_qHiiZS6vNNq76ijLUy9BTVRY3t6QxXHvs27x5dVdq854XGZwvJM0/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUk0ljgjNElMQ9iVybYu4HSUMxthOOmAYFhCkc2aoM0fr_ncaCUmf6vE5gKkebyuZ7CiM1wHKaqYMQfDLYWGx56NPKyfByDcEn2xt72RXUkcNUFUoQOSWg9AyMJk_lF3W-1YK_BWs3o44/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXx9WLBRn_VSnBVJlnqBG4UTMwdGRK8BVoYIOH_GRlicK189wupyE_ZV6u2zedc2nsaKTMXv-m2BgWbk54q1IO816dTguJjXVBe4Z8ibZ7j9ETcr3HBnbeVlnZHGowTLW1UCtK8v6DTo0/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtJSrIF0uiEu1TcCeGQpBA2jBc5hLPGAdGyR6KWParXAdQJ9bXqA9xLKdFFvjSSifPgRNPGft_443-93_M205QyNwAN_e2KI7Pv_c211OBXu-TYObO3qWTtpY6Qx-37EqFTYv2C24h_M/s1600/applause.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIb6XgwQyHxXWDhEUdFMOcOxJRGGAld-QjngLLXroMXegYpRdGhFAnN98LByNVobAeEbapn2sXMkz8BpFC6scdxl2iYsmNR0iGKkRuQaTPw7CQA_xITS85oHUNkepA6kVcjxZ1xFUXLv8/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJrVbDtdh5nHtBcy8vaMdoa4-ZkwsQZfyPkpMYmy37zHJ32GIGPL9FSbHfc6WYzxU4rl3_c6JJG1dFCP20DgreIrw9_9lmI7GS3SMKS2IzR1ftZ7bp2_zC14ZyLnpU3ijHXNp4Ol2iYpw/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI0xk0b5R-NZraE0vprYh9vXG0LTpNzplN8Pjgl9lJ8EjdSMlv0tDstKrsOBG8hFgwNWumQhH2UISAgtgyoGyOO1GFQlM38eq9cFJ6LI11C1z8soOL5hk09wtnwladvfVqAB378MhZ7Aw/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_yi9lI0bcPejXzKgXydKiY5brddrX069xJRifA5qBVmzo6MMi4Vzg2SdHHqvg7rThkx43ieJHPE1xRheN7gn5OhXTkxCX2oFJiOUY1jGVerNsK42hxaGwX4JBrIXdD5dfUiPna6ry9GU/s1600/thumbsup.gif',
        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSJNY7jQuDZsTzmfm5r3Ob8IeaRBvlOPzaSiV4PhU_CoeLwDwvilMswexsojArYLTlNAigo17Fjm4YEffyNF39qSsN726Q5SmfUujJP957E-0hDsdVUKKXBU8ZiC6RoHHuwNKJAuMKAX8/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>
  • Terahir sebelum di save jangan lupa bismillah dulu
Gimana gampangkan ?  Merubah kotak pesan komentar jadi lebih keren dan fast loading. Jika sobat merasa pusing ya di maklumin saja karena untuk hasil yang memuaskan tidak ada yang instan, tetap semangat untuk blogger dan jangan pernah bosan melihat kode luar angkasa tersebut.

Jika ada pertanyaan atau hal yang kurang faham silahkan tinggalkan komentar di bawah. Tetap semangat.

2 komentar

Notification
https://www.carawanita.net/
Done