Cara Terbaru Menciptakan Kotak Komentar Blog Keren Banget

Bagaimana Cara Mengubah dan Membuat Komentar di Blog Menjadi Keren ? Untuk merubah dan mendesign kotak komentar pada blogger semoga nantinya lebih keren itu bukan hal yang sangat sulit , teman cuman perlu mengetahui sedikit ihwal 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 ihwal bahasa coding ini , sulit rasanya menciptakan kotak komentar blog jadi lebih keren , nah dari pada pusing liat isyarat alien , lebih baik pola 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 menciptakan blog anda lelet saat di buka , dan tentunya menciptakan pengunjung betah usang - usang 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 aku komentar Blog ini Keren dan sangat lezat di pandang , sehingga aku menggunakanya pada blog aku yang buruk ini , alasannya yaitu kemaren ada yang bertanya , mas gimana sih cara buat komentar blog yang keren ibarat blognya masyadi ini ? untuk itu aku akan jawab melalui tutorial kali ini.
Bagaimana Cara Mengubah dan Membuat Komentar di Blog Menjadi Keren  Cara Terbaru Membuat Kotak Komentar Blog Keren Banget

Cara Merubah Komentar Blog Menjadi lebih Keren

  1. Pertama , pastikan teman udah masuk di dasbhor teman sendiri
  2. Masuk pada cuilan editor template , caranya pilih Menu Template -> Edit HTML.
  3. Temukan isyarat dibawah ini :
    <b:include data='post' name='threaded_comments'/>
  4. Lalu Ganti isyarat diatas dengan isyarat ibarat ini
    <b:include data='post' name='comments'/>
  5. Simpan isyarat 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRVji11dHCpBoKA6oo8c0AmpRCXUSf0cf-riArfrG6mk7nsxdDonSEElJPIXAh-BU4CY5SXDCBfB_XseVJLFzN70GRTgp3AMDdFz7BvVVB566ITajRBTPncAmAULAXgNZzdNvsDv61n7Tj/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/AVvXsEgz7imqSjAQkOiJloOlKjQm_Yo6dx4HzJp9bxRdi8AUoKQhSdkn1RgtA4qDNJtVODJY_Ae9lLvzjhTIUcqMi31B-OJEas7W66dEieJx23o37jrEa59B2cz0oNncOxNx08jVJsVvguSMkWA/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/AVvXsEjRVji11dHCpBoKA6oo8c0AmpRCXUSf0cf-riArfrG6mk7nsxdDonSEElJPIXAh-BU4CY5SXDCBfB_XseVJLFzN70GRTgp3AMDdFz7BvVVB566ITajRBTPncAmAULAXgNZzdNvsDv61n7Tj/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/AVvXsEgt5naWFQccmvGLFCbCpEhD04zAVV3MH6DcY4sMI9eOieHEIJNVPWjFOo9_-yt-GN02A6u4yd9yWkCWlai0sVDF_KMcflcwW-BCdnlrzc0X59Pr5tsRBXBFnxfvCcG6hD2DENk0jeTotcY/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 isyarat :
    <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/AVvXsEh_LLBLbUoFS-A2Tq2jS19d9LegNefiOcOqp0Pv2_OvkZ5516bWxu1SgwzRud1fLNueyXadHpBsG00D6YK01bfC_nwBsmox6tKB_lWA6mQe5SkdKFICSeuUyBuv-IfqSERRIZZLTZ2gO-Q/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/AVvXsEguw1ACI2tvCdOeRIy7dHhuyCf1GYD9Erj34KibpSCN4XB2FTQccbt_xD2YfdrsMoHLM6KGkkVlN2BNTksx9BunWb6xT8bNLF7btvt4CJYBsigbXTdRDj5p05SYExrApW__ngzgkAzh9Qg/s1600/smile1.gif',         ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn4EAnp6R-hOzNQyd9SiDMzpPW_S2KVn_4pIQQmc5GN8anr-lZm9-4Qhn5yT13zUChM99ilCwuI20y2Cw1tz6KlNI9aUSFAP32EpXc-lMd4G7RM98KGtm60WSMX9TU9S9I8pbXxBH9ubk/s1600/sad.gif',         '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_266DzZ7n_45pAo8_I3In-rOFrYDQpH8G1Bn9KAZ2G9bhJ0_OyBSgkKciL7kuP48IrjQXa0DqlT14Kgtr3rZ1yRZxPVEO4CqN9ThYLOwO_Z1qyovdnzR4uLmQ0o0xIEURA2FjAWCD2zo/s1600/sadanimated.gif',         '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FlwlVvcMh2Nqc1GKu9k-9vT5UB8dHvBwPeMsE4D4x6utqscTkZd0tnx5bSA2CEmZUGxii_VebzhpcA7hTSj4Hh1uIdEcsMa1dWKfrlFF8fZ-19TjCfid3sHBoGJdyv73qBfj2SBgGSg/s1600/smile.gif',         ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyj4Qf5pgNx4UCFu7wIVgEl6EAqi9buT9hn-jV4RyLqmtqQIqEq2G4WeY475KsmvbSEilUoz1OHd69VARy4lc9cG2HpHlHscUaa-Kq2vyiX6eP1lcm2-SCojtmSfNS6sAnzR66wuD9lFU/s1600/icon_smile.gif',         '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW1zMml47XzjE6ycIP-vCMCcjgMZ5ZLz4Z0VdOwaj0CXJgyVXryTb2LGJPYzOAUbiAjPCxmzznyaeKCWrPCrRzSqXFHLl-scQMMqYXSllQkcfRCtlo8w7bVWFgeyXaWfA4j3xicWokFTI/s1600/hihi.gif',         '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUL8SuTEfyDEo04RVBcbt_UAqim5RQMjT2joa3lQu1GZJ0MvQ5kx0_5tsv5v_qNrZRu1Ul6F4WU93EjeWAEM-a55peeZioTQibqrjTQ_1HQPCm75NTL9SxNYd5ZJztlyubqmIRPJJKXto/s1600/applause.gif',         '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8hK18UmQR_h8BOh6PU4NFaZ6RkoIlI-NjPMmOmCmirpTWeAHg2_j19QWc8X_OpFzF62INlaPD80jGRwL6w5_tJhIhxLGwsBzFyCRBVcy5MJETHq_z6Hk1-fHC20U5uJgI9x7YYmd1qfg/s1600/rolleyes.gif',         ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyE85pFlGdAFa4PqjZSukWt72HQ1pgNwfwU7F_jbDLFvKC0OYf4mcrbjMMGjeJuTrAMTmgbcs89lLaItF5YI-gOL359NhQ7JYty7DC0n_vUs4MEhrTqknUUnsd33UzK21kjhae4Y8AOzk/s1600/wink.gif',         ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaLGqcLWTfDC8c3ptGyGlIS9WNiSTyWKmtrwWUd4vKGMT1NdKSWofsj8sO5GJoyrGqfWHN3DWvdGaS0S9LpjowxAPzIJpsK38MlYyEtKegexQ1x7z6CZFdB0l5WQXlTuWN-RlnuH7nPqU/s1600/thumb.gif',         ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqdmapxuNyDUaIJp_oyLME7cjN1RriwEZhNbBQBmGiaZhcn2bOVLhQsHPxv1-xh790oLvHKtEJrtVqP4d-qqLpxme_O99KVQxprUdjHGPkiiymgCluSN-AmlL4VgMmhzGcD42kr0bS_Z4/s1600/thumbsup.gif',         ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaTi_YDItVKsuXNGfZWvJrgkP7qOYuJo5VxMlA2Irkq-Ry1RvxVjKsXPdDtJ3LXkHH-A0tLuhUGYuGqKHL90yHlpW4U4Mxq7HhEjcMFJ8ghqSatNDy2id0Q1k8YUsdGw-ZuVf2ijFGpDk/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="Cara Terbaru Membuat Kotak Komentar Blog Keren Banget">','&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 dapat , kemudian klik save
Gimana tutorial buat dan memasang kotak Komentar Blog Keren Banget pisan ? sangatlah gampang bukan ? atau bahkan teman pusing melihat isyarat alien tersebut ? bila pusing itu masuk akal sekali , alasannya yaitu aku waktu awal obrak - abrik template juga mengalamai hal yang sama , pokoknya tetap semangat dan jangan gampang mengalah , bila masih gagal ya dicoba lagi hingga dapat , selamat memodifikasi komentar blog yang paling keren

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel