Cara Membuat Kotak Komentar Keren Pada Blog

Cara Membuat Kotak Komentar Keren Pada Blog



Selamat Pagi, Siang, Malam guy's :v

    Pada postingan kali ini saya akan membagikan kembali  bagai mana “ Cara Membuat Kolom Komentar Menjadi Lebih keren “.

Dan di postingan ini saya dapatkan dari sumber website tetangga :D,, yang nantinya akan saya sebutkan.

Oke langsung saja ke Building nya,,di simak ya guy’s...

1. Pastikan sudah masuk pada dasbor

2. Masuk ke Editor template

3. Temukan kode di bawah ini

------------------------------------------------------------------------------------------------------------

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

------------------------------------------------------------------------------------------------------------

4. Setelah itu ganti kode di atas dengan kode seperti ini

------------------------------------------------------------------------------------------------------------

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

------------------------------------------------------------------------------------------------------------

5. simpan kode 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-xKGMdFuSxkKPXNok9Ai8C5Q1LA-k7360vcVj_cHsL-2Hpar9GqmWcGyh-2IXlXJZF_6eL1slWR3rEJhhngItDjIPqx0aYbaUc1BIRFIB4dbm6_8n2Saahf0BWKD3Vr6QqqYqTIJwKQZM/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/AVvXsEigcx_UZPDI4gsa2-B_4JvTABqj-lUhBhiNpqkW6oysfJnOjm_fohJI-TUHu1QT3P3Js2lFC1z1ihdZHDG_mZGvTK0qdfSvG-ATu1jRCG0Ry-DnXwGVubdBEIWCtnUiPihtJf0VrekQ0Aw/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/AVvXsEg-xKGMdFuSxkKPXNok9Ai8C5Q1LA-k7360vcVj_cHsL-2Hpar9GqmWcGyh-2IXlXJZF_6eL1slWR3rEJhhngItDjIPqx0aYbaUc1BIRFIB4dbm6_8n2Saahf0BWKD3Vr6QqqYqTIJwKQZM/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/AVvXsEhD9uNmQnVZENdmC2MsBwCV1Qy3cz4Fv9E9USNOgMYgPGbvUcUUyiWbqhjHsy1xZtrkP7ykLFvki8UT5e7lP9M8oImdRyYgDtqhQb44f3CZLINgs-MoKd3ribyq5PLoFezggOtDy4sT2NU/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 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/AVvXsEjv0CFCTEgqonPgQtCwkHvoLcwa-gnDUM41ou3V5YhjdWEKeDxVsuNd3R5PgHe-3vbK0GoC7ohJ8u8bMuE1X_7HbL0xZr9KOEiLREmo1Ijyt7Efp_1hQJ78tw_zFeYP733Mu0q6zckQEa8/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/AVvXsEgfvH1-QFJmE-3FdlDVGaBryZGhvk_EAT4JE_3-Nod08mi4hUoo7fqE1ViTN-whBBRk-8yW_AeuvhyRcevpXkx6UaWpEJcOkE-CgxJmuy8x-iUWqyA15yMkIGlr3YjvOImXlnaEu_kO8Qo/s1600/smile1.gif',

        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HfO2ZZFlACHwqOrIpkOOcuJWUXBf6aU3AQUtJuclEYYHgYJaudz20EZI2v2nq3pOb9oWip0v2Mz23Gw1XqqHymigkAmj7U0kf6o9wVolBzhozpGfzo_TwvQkxVHkuSj2YLoE-uX7V60/s1600/sad.gif',

        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AaNN9ShaSame2E3xDeqRbLxulU2poWrccrDboXNC_KuN1VW-NCPLd_1E41XQURJfQLUukraj8ZLL0HYsT43TkwXnpDkpK6xdv1E3GnOmcBO1g8BPaMZjUxHyy0k1Q8q4uFYZW53YW5g/s1600/sadanimated.gif',

        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4wvEABYSdzqyQlzdlOF5oXmrYDNODmw8jGOwoJUAhqlZF7oXk-S4rG-UG8k96a42pUqS3ebVKX8VSXSailugFx0BRbim8KstpfmkWZ4674KZqMiRO0-ob4QMLn0igfkuPd5yF1ccfdxw/s1600/smile.gif',

        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmQkcbHpPfCIrMZLRn5H7UgDJl-9Bv5ME25Y2dR9YWvRlxtgI-wUSZmeyaoD-N1osGXgZS5XxUqotQZQAwU4GSU_u0q7uxuxuyRUIJUb7khyFJ6FyL-VTuqm5g7tEjLFvK2RzpcHYlFh8/s1600/icon_smile.gif',

        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGGom2U11PqdaNl-6sAUZtyFvH9iLK6dqIy4Ty5u4dJOxck6R9stFPnelccXGi5CEkg9q2Dw20h00d6ZH_bEw40CIZ_fomeS3q5KrQ5_EZnxU3LgJaDz8Gotk9EW7TG5mDerANIJx28UU/s1600/hihi.gif',

        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyqgy_BhA8Vl3z_GsF9BZbICEso01zjxnbzrbvzE8uDyXhXLTd2psy5u8uC4yCU9WVae60oXbGArTOoUf2YQEvtKoUnkHHqHNITet11ZeQdwChWdSG7qc2XVWNaHHmhjC1zrSkmF0jI0/s1600/applause.gif',

        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsP_ve6wkaWgGeOIttmFYJBbSBLqsunzzbdzdfzGT1iL01wkWbAb2cjOyiKKcvGwOqs9VVOOcdIS3HZ7pghCbuqHl2XKVxoaMoHGkoDJ4u27B4GEe7X7OhOGyzDmCXmJn0DQi2bChjor0/s1600/rolleyes.gif',

        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34jSEiU6YFDcvaXY4VcImqyPHKWh3x7ezOoRUW1BKl0V70GevpSTembHFlO2HaHEyLo_gN_S1wUHak7BVnrErppU4yfwP72vuediH6_BzYpYtbf3d7NOdU6ao-tDr_1S-UXhr-apbHKE/s1600/wink.gif',

        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOc6XOardjOZItTWs_qqKoziwVkpFU3RoGarIdpkvCeBq-ETs3Ajxl6F0BLREtuWl0WRZ7bckoJtqSZMxf14HKsLVPDdHdqOYbxoYiSUXyCXQwX09Aa8yC0nInRIlYff_NOk2NS_aan78/s1600/thumb.gif',

        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXhj6ppKgTXCMFoP5fTyHfFAJNXH-Lc62mzmd36ljAKLPk8wK2Pi5lHBp79_u2m1LdtGAhfnXvk4wUqrnOYIAmCDQ-upmTNriihi2petQegWOGOk4e0YmEzKRYffgQcPstLBUF2c3Cj4U/s1600/thumbsup.gif',

        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ST5zfpoid-J5zBtQyQl-BoD1ET6OqJ41wTOATwu9ypVRP6lUyA0rz-V7SFlub3yBtQUaoEwxavYJ_R1_ffNN-cHYVXdRvxpctAhC2We2fScBC6u8EJxENifVcRmQJl3X7LALh2Gr0_E/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. Yang terakhir dan Yang paling utama Baca Do'a agar berhasil :D

Sumber Codding : http://www.masyadi.com/

 Nb: pada artikel ini saya tidak menampilkan contoh hasil dari kolom komentar dari coding diatas

       silahkan menuju link sumber yang saya bagikan di atas untuk lebih lengkap nya

Thank's

Keep Follow This Blog

From Https://LazyCodding.blogspot.com/