Membuat Komentar Terbaru Blogger Anti Spam Backlink
Log In

Membuat Komentar Terbaru Blogger Anti Spam Backlink

Saturday, October 26, 2019, 10:29 PM
Pada artikel ini, saya hanya merepost artikel (copas) dan semoga kamu suka dengan adanya artikel ini, karna ini sangat bermanfaat jika kamu menerapkanya.


Membuat Komentar Terbaru Blogger Anti Spam Backlink

Sumber pertama adalah dari blog nya mankoin, dan yang kedua dan ketiga adalah dari hasil modifikasi yang saya dapat di google, antara lain Artisteer Tutorials dan Obesity Strike.


Komentar Blogger Simple SEO

Tutorial pertama adalah dari blog nya mainkoin, silahkan simak panduannya disini.


/* Komentar Blogger Simple SEO */
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#comment-holder,.thread-chrome{margin:0;padding:0;position:relative;z-index:1}
b{font-weight:700}
cite,i{font-style:italic}
a,a:link{color:#2962ff}
a:link,a:visited{text-decoration:none}
p{margin-top:20px;margin-bottom:20px}
:focus{outline:0}
h4{line-height:normal;font-weight:700;margin-bottom:10px}
h4{font-size:110%}
li,ul{margin:5em 0}
ul{list-style:disc}
a:focus,a:hover,a:link:hover,a:visited:hover{color:#2962ff}
:target:before{content:"";display:block;height:40px;margin-top:-40px;visibility:hidden}
#comments h4{margin-top:0;font-size:22px}
#threaded-comment-form p,.comment-form p{line-height:24px;padding:10px;margin-top:0;border-radius:2px;position:relative;background-color:#eee;color:#444;font-size:16px;margin-bottom:10px;font-weight:500}
#threaded-comment-form p:before,.comment-form p:before{content:"";width:0;height:0;position:absolute;top:100%;left:30px;border:10px solid transparent;border-top-color:#eee;display:block}
.comment-replies{padding-left:10px;border-left:1px solid #ccc;margin-top:15px}
#comments .comment{list-style-type:none;padding:15px 10px;box-shadow:inset 0 -1px 0 0 rgba(100,121,143,.122);margin:0}
#comments .comment-reply{padding:10px 10px 5px;list-style-type:none;background-color:#fafafa;margin-bottom:0}
.avatar-image-container{width:35px;height:35px;float:left;background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='35' height='35' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234374e0' d='M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat}
.comment-block:hover .item-control{opacity:1}
.comment-header a.user{font-size:15px;font-style:normal;font-weight:700;color:#202124}
.reply-to{cursor:pointer}
.comment-header .datetime a{bottom:0;color:rgba(0,0,0,.54);display:inline-block;font-size:13px;font-style:italic}
.datetime a{color:rgba(0,0,0,.54)}
.comment-content p{margin:7px 0 10px;font-size:16px}
#comment-editor{border:0;width:100%;height:250px}
.comments .continue{display:inline-block;margin-top:10px}
#addcomment+#threaded-comment-form{margin-top:-55px}
#addcomment{color:#fff;margin:20px 10px;text-align:center;padding:6px;cursor:pointer;font-weight:700;font-size:17px;border-radius:2px}
#addcomment{background-color:#31a954}
#comments .comment:hover{box-shadow:0 1px 3px 1px rgba(60,64,67,.15)}
.comment-reply:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3)}
.item-control{background-color:transparent;opacity:0}
.item-control,.item-control:hover{position:absolute;top:0;right:0;padding:5px;border-radius:17px}
.comment-block{position:relative}
.item-control a:before{content:'';border-radius:50%;background-color:rgba(32,33,36,.059);line-height:0;width:24px;height:24px;display:none}
.item-control a:after,.reply-to:before{content:'';width:24px;height:24px;background-repeat:no-repeat;vertical-align:middle}
.item-control a:after{opacity:54;background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23000000' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:24px 24px;display:block}
.comment-header{margin-left:45px;line-height:17px}
.reply-to{color:#5f6368;padding:3px 8px 5px 5px;box-shadow:inset 0 0 0 1px #dadce0;border-radius:4px}
.comment-actions{margin:10px 0 0}
.comment-reply:hover .item-control,.item-control:hover a::after{opacity:1}
.reply-to:before{background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23757575' d='M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:20px 20px;display:inline-block}
.item-control:hover,.reply-to:hover{background-color:rgba(32,33,36,.059)}
.comment-replies .author-avatar{background-color:#fafafa}
.user{display:block}

Kemudian cari kode <b:includable id='threadedComments' var='post'> dan </b:includable>, ganti dengan kode berikut.
<b:includable id='commentblock' var='cb'>
 <div class='comment-block' itemprop='comment' itemscope='' itemtype='https://schema.org/Comment'>
 <div class='avatar-image-container'>
 <b:if cond='data:cb.level.authorAvatarSrc != &quot;//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35&quot;'>
 <img class='author-avatar' expr:alt='data:cb.level.author' expr:src='data:cb.level.authorAvatarSrc' expr:title='data:cb.level.author' height='35' width='35' />
 </b:if>
 </div>
 <div class='comment-header'><b:if cond='data:cb.level.author != &quot;Unknown&quot;'><a expr:href='data:cb.level.authorUrl' rel='noopener external nofollow' target='_blank' class='user' itemprop='author' itemscope='' itemtype='https://schema.org/Person'><span itemprop='name'><data:cb.level.author/></span></a><b:else/><span class='user'>Unknown</span></b:if><span class='datetime secondary-text' itemprop='datePublished'><a expr:href='&quot;#c&quot; + data:cb.level.id' itemprop='url'><data:cb.level.timestamp/></a></span></div>
 <div class='comment-content' itemprop='text'>
 <p>
 <b:if cond='data:cb.level.authorUrl != data:post.author.profileUrl'><b:eval expr='data:cb.level.body snippet { links: false }' /><b:else/>
 <data:cb.level.body/>
 </b:if>
 </p>
 </div>
 <b:if cond='data:cb.d'><span expr:class='&quot;item-control &quot; + data:cb.level.adminClass'><a expr:href='data:cb.level.deleteUrl' rel='noopener external nofollow' target='_blank'/></span></b:if>
 </div>
</b:includable>
<b:includable id='threadedComments' var='post'>
 <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
 <h4><data:messages.postAComment/>:</h4>
 <b:if cond='data:post.numberOfComments &gt; 0'>
 <div class='comments-content'>
 <meta expr:content='data:post.numberOfComments' itemprop='commentCount' />
 <ol id='comment-holder'>
 <b:loop values='data:post.comments where (c =&gt; not c.inReplyTo)' var='commentLevel1'>
 <li class='comment' expr:id='&quot;c&quot; + data:commentLevel1.id'><b:include data='{level: data:commentLevel1,d: true}' name='commentblock' />
 <div class='comment-actions'><span class='reply-to' expr:data-reply-to='data:commentLevel1.id'>Balas</span></div>
 <b:with value='data:post.comments where (c =&gt; c.inReplyTo == data:commentLevel1.id)' var='commentL2'>
 <b:if cond='data:commentL2.size != &quot;0&quot;'>
  <div class='comment-replies'>
  <ul class='thread-chrome thread-expanded'>
  <b:loop values='data:commentL2' var='commentLevel2'>
  <li class='comment-reply' expr:id='&quot;c&quot; + data:commentLevel2.id'><b:include data='{level: data:commentLevel2,d: true}' name='commentblock' /></li>
  </b:loop>
  </ul>
  <div class='continue'><span class='reply-to' expr:data-reply-to='data:commentLevel1.id'>Balas</span></div>
  </div>
 </b:if>
 </b:with>
 </li>
 </b:loop>
 </ol>
 </div>&lt;div class=&#39;comment-form&#39;&gt;
 <script>
 var comment = true;
 </script>
 <div aria-label='Berkomentar' id='addcomment' role='button'>Tambahkan Komentar</div><b:else/>
 <meta content='0' itemprop='commentCount' />
 <script>
 var comment = false;
 </script>&lt;div class=&#39;comment-form&#39;&gt;</b:if>
 <div id='threaded-comment-form'>
 <p>Berkomentar sopan dan baik. Ada kata buruk atau berisi tautan url/link aktif, komentar tidak akan disetujui atau disetujui dengan link mati! | Berdiskusi gunakan <b>Disqus</b>!</p>
 <iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc' height='250' id='comment-editor' name='comment-editor' width='100' />
 </div>&lt;/div&gt;</section>
<script>//<![CDATA[mankoin.blog
document.addEventListener("DOMContentLoaded", function() {
 var a=document,
 b = a.getElementById("comment-editor"),
 d = b.getAttribute("data-src");
 if (b.setAttribute("src", d), 1 == comment) {
 var f = a.getElementsByClassName("reply-to"),
  c = a.getElementById("threaded-comment-form"),
  h = f.length,
  k = function(b, d, e, f) {
  b.addEventListener("click", function() {
  var c = b.getAttribute("data-reply-to");
  a.getElementById("c" + c).appendChild(d);
  e.src = f + "&parentID=" + c
  })
  };
 for (i = 0; i < h; i++) k(f[i], c, b, d);
 var l = a.getElementsByClassName("comment-form")[0];
 a.getElementById("addcomment").addEventListener("click", function() {
  l.appendChild(c);
  b.src = d
 })
 }
}); //]]></script>
 </b:includable>


Fitur Komentar Blogger Simple SEO

  • Valid HTML5 - memiliki struktur yang baik
  • Sangat Ringan - tanpa javascript eksternal
  • SEO - dengan schema.org
  • Threaded comment - komentar bertingkat (balas komen)
  • Anti backlink - menghapus link aktif apapun pada komentar dengan snippet.
  • Valid AMP - bisa digunakan untuk blog AMP


Komentar Blogger Bertingkat Anti Spam tanpa Pop Up

Tutorial kedua adalah dari blognya Obesity Strike
/* KOMENTAR tanpa Pop Up */
.comments{font:13px &quot;Lucida Grande&quot;,Tahoma,Verdana,Arial,sans-serif!important;color:#999;}
.comments a{color:#2D5E7B}
.cf:before,.cf:after{content:&quot;&quot;;display:table}
.cf:after{clear:both}
.cl{display:block;clear:both}
#comments h4{font-size:18px;font-weight:normal;margin:20px 0}
.cm_wrap{margin-bottom:30px}
.delete{border-radius:4px;padding:9px 12px;color:#FFF;background-color:#8D2079}
.avatar-image-container{float:left;max-height: 36px;overflow: hidden;width: 36px;}
.avatar-image-container img{width:35px;height:35px;border-radius: 50%;}
.avatar-image-container img[src$=&quot;blogblog.com/img/blank.gif&quot;]{background: url(&#39;data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAIwAjAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+t8VPZ2NxqE6w20MlxKeiRqWP6VB+Fe1/C/SYLHwxDdIoM90Wd374DEAfTj8yaAPJtS8N6ppEYkvLGeCM/xsvy/nWbivpeeCO5heKZFkicFWRhkEdwa+d9fsE0vW760jOY4ZmRST2BOKAKGKKUUUAJn3r1z4TXOpf2W1vPat/Z4JaC4Y45J5UDuM5OfrXA+CNAHiLxBDbSZNugMs2O6jt+JIH4171FGsMaoihEUAKqjAA7AUAVtXuLq10+aWytvtd0q/JEWC5P1NfO9+9w99cNdhluWkZpQ4w24nnI+tfSdedfFnw5HNYrq8KBZoiEmIH3lPAJ9wcD8fagDyrPvRRzRQB6H8GVB1PUTjkQqM/wDAv/rV6waKKAErC8cqH8I6pkZ/ck/qKKKAPAgOKKKKAP/Z&#39;) no-repeat center center;}
.cm_reply{padding:6px;color:#fff;text-align:center;text-decoration:none;border-radius:2px;background-color:#E5E5E5;font:11px/18px sans-serif;display:inline-block;width:44px;margin:3px 0 0;line-height:1;cursor:pointer;border-width:1px;border-style:solid;border-right:1px solid #C4C4C4;border-color:#E4E4E4 #C4C4C4 #C4C4C4 #E4E4E4}
.cm_reply:hover{text-decoration:none!important;background-color:#fefefe}
.cm_body{position: relative;padding: 20px;margin-left: 45px;border: 2px solid #efefef;border-radius: 10px;word-break: break-word;}
.cm_header{padding:0;margin:0 0 10px;overflow:hidden}
.name{margin:0;padding:0;float:left}
.cm_text{font-size:13px;margin: 0 0 15px;text-align: left;line-height: 1.6;color: #555555;}
pre,i[rel=&quot;pre&quot;]{padding:0.8em 1em;margin:0;background-color:#222;border-left:4px solid #40627E;font-size:13px;color:#839496;font-family:Consolas,&quot;Andale Mono WT&quot;,&quot;Andale Mono&quot;,&quot;Lucida Console&quot;,&quot;Lucida Sans Typewriter&quot;,&quot;DejaVu Sans Mono&quot;,&quot;Bitstream Vera Sans Mono&quot;,&quot;Liberation Mono&quot;,&quot;Nimbus Mono L&quot;,Monaco,&quot;Courier New&quot;,Courier,monospace;line-height:1.4em;position:relative;word-wrap:normal;white-space:pre;overflow:auto}
blockquote,b[rel=&quot;quote&quot;]{margin:0;position:relative;font-style:italic;border-left:3px solid #C69F73;padding:0 18px}
.cm_date{font-size:11px;margin-left: 6px;}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px white;font-weight:bold}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi a:hover{text-decoration:underline}
.cm_pagenavi span{color:#888;background:white;padding:4px;border:1px solid #E0E0E0}
.comment-form {overflow: hidden;margin-top: 20px;}
iframe#comment-editor {min-height: 10px;}
.comment-form p{margin:40px 0 0;background-color:#fff;padding:10px;color:#000;line-height:20px;font-size:11px;border-radius:3px;position:relative;border:1px solid #ddd}
.comment-form p:before,.comment-form p:after{content:&quot;&quot;;width:0;height:0;position:absolute;top:100%;left:15px;border-width:12px;border-image:none;border-style:solid;border-color:#ddd transparent transparent}
.comment-form p:after{left:17px;border-width:10px;border-color:#fff transparent transparent}
.loader{background-image:url(&#39;data:image/gif;base64,R0lGODlhKwALAPEAAP///2aZzLPM5WaZzCH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=&#39;);background-repeat:no-repeat;background-position:50% 50%}
.batal{margin:0;padding:10px;border:1px solid #4B81AA;color:#fff!important;text-align:center;text-shadow:0 -1px 0 white;text-decoration:none;border-radius:2px;background-color:#468BC1;display:none;height:15px;width:30px}
.emo{cursor: pointer;width:17px;height:16px;display:inline-block;background-image:url(&quot;data:image/png;base64,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&quot;);background-repeat:no-repeat;background-size:auto auto;vertical-align:middle}
.smile{background-position:0 -324px}
.sad{background-position:0 -103px}
.melet{background-position:0 -375px}
.mrangas{background-position:0 -154px}
.oo{background-position:0 -120px}
.ok{background-position:0 -426px}
.koco{background-position:0 -137px}
.kocoi{background-position:0 -358px}
.uu{background-position:0 -392px}
.nangis{background-position:0 -69px}
.jahat{background-position:0 -86px}
.apa{background-position:0 0}
.kiss{background-position:0 -222px}
.hati{background-position:0 -189px}
.imut{background-position:0 -205px}
.lha{background-position:0 -341px}
.ori{background-position:0 -52px}
.oka{background-position:0 -35px}
.sepet{background-position:0 -409px}
.pacman{background-position:0 -239px}
.wkwk{background-position:0 -18px}
.emotki{margin:20px 0}
.emone{text-align:center;float:left}
.texte{padding:0;text-align:center;margin:0 0 0 3px;letter-spacing:1px;width:2em;vertical-align:middle;border:1px solid #ddd;box-shadow:medium none}
.batal:hover{text-decoration:none}
.cm_wrap .batal{display:block}
.cm_wrap[style*=&quot;margin-left:25%&quot;] .cm_reply{display:none}

Sekarang cari kode <b:includable id='comments' var='post'> dan ganti kode tersebut dengan kode dibawah ini, sampai kode penutupnya yaitu kode </b:includable>
      <b:includable id='comments' var='post'>
<div class='comments' id='comments' itemscope='itemscope' itemtype='http://schema.org/Comment'>
    <meta expr:content='data:post.title' itemprop='about'/>
    <meta expr:content='data:post.canonicalUrl' itemprop='discussionUrl'/>
  <b:if cond='data:post.allowComments'>
          <h3> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span> Komentar untuk &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span> Komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <span itemprop='interactionCount'><data:post.numComments/></span> Komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> </h3>

    <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container cl cf'>
        <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 id='comment_block'>
      <b:loop values='data:post.comments' var='comment'>
        <b:if cond='data:comment.author == data:post.author'>
          <div expr:id='&quot;a&quot; + data:comment.id'>
            <div class='cm_wrap admin cl cf' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.isDeleted'>
                <div class='delete'>
                  <data:comment.body/>
                </div>
                <b:else/>
                <div class='avatar-image-container'>
                  <img class='lazy' expr:alt='data:comment.author' expr:data-src='data:comment.authorAvatarSrc' expr:title='data:comment.author' src='data:image/gif;base64,R0lGODlhAgABAIAAAO/v7wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw=='/>
                </div>
                <div class='cm_body'>
                    <header class='cm_header cf'>
                      <h5 class='name'>
                        <b:if cond='data:comment.authorUrl'>
                          <a><span itemprop='creator'><data:comment.author/></span></a>
                          <b:else/>
                          <data:comment.author/>
                        </b:if>
                      </h5>
                    </header>
                    <div class='cm_text admin' itemprop='text'>
<b:if cond='data:comment.inReplyTo'>@<a expr:href='&quot;#a&quot; + data:comment.inReplyTo'>Balasan</a></b:if>
   <b:if cond='data:comment.authorUrl != data:post.author.profileUrl'>
    <b:eval expr='data:comment.body snippet { links: true }'/>
    <b:else/>
    <data:comment.body/>
   </b:if>
                    </div>
                    <footer class='cm_date' itemprop='datePublished'>
                      <a expr:href='&quot;#c&quot; + data:comment.id' rel='nofollow ugc'><data:comment.timestamp/></a>
                    </footer>
                  <footer class='response' style='margin-bottom: -26px;'>
                    <a class='cm_reply' expr:href='&quot;javascript:replyTo(&amp;quot;&quot; + data:comment.id + &quot;&amp;quot;);&quot;'>Balas</a>
                  </footer>
                </div>
              </b:if>
            </div>
          </div>
          <b:else/>
          <div expr:id='&quot;a&quot; + data:comment.id'>
            <div class='cm_wrap cl cf' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.isDeleted'>
                <div class='delete'>
                  <data:comment.body/>
                </div>
                <b:else/>
                <div class='avatar-image-container'>
                  <img class='lazy' expr:alt='data:comment.author' expr:data-src='data:comment.authorAvatarSrc' expr:title='data:comment.author' src='data:image/gif;base64,R0lGODlhAgABAIAAAO/v7wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw=='/>
                </div>
                <div class='cm_body'>
                    <header class='cm_header cf'>
                      <h5 class='name'>
                        <b:if cond='data:comment.authorUrl'>
                          <a><data:comment.author/></a>
                          <b:else/>
                          <data:comment.author/>
                        </b:if>
                      </h5>
                    </header>
                    <div class='cm_text visitor' itemprop='text'>
                      <b:if cond='data:comment.inReplyTo'>@<a expr:href='&quot;#a&quot; + data:comment.inReplyTo'>Balasan</a></b:if>
   <b:if cond='data:comment.authorUrl != data:post.author.profileUrl'>
    <b:eval expr='data:comment.body snippet { links: false }'/>
    <b:else/>
    <data:comment.body/>
   </b:if>
                    </div>
                    <footer class='cm_date' itemprop='datePublished'>
                      <a expr:href='&quot;#c&quot; + data:comment.id' rel='nofollow ugc'><data:comment.timestamp/></a>
                    </footer>
                  <footer class='response' style='margin-bottom: -26px;'>
                    <a class='cm_reply' expr:href='&quot;javascript:replyTo(&amp;quot;&quot; + data:comment.id + &quot;&amp;quot;);&quot;'>Balas</a>
                  </footer>
                </div>
              </b:if>
            </div>
          </div>
        </b:if>
      </b:loop>
    </div>
    <b:if cond='data:post.commentPagingRequired'>
      <span class='paging-control-container cl cf'>
        <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='comment-form' id='comment-form'>
      <p>
        <data:blogCommentMessage/>
        Tautan (link) hidup dalam komentar akan terhapus secara otomatis.
        <br/>
        Untuk menyisipkan tautan dengan aman, gunakan kode 
        <code>
          [url=http://example.com]Teks Tautan[/url]
        </code>
        <br/>
        Untuk menyisipkan kode, gunakan tag 
        <code>
          &amp;lt;i rel=&quot;code&quot;&amp;gt;KODE ANDA&amp;lt;/i&amp;gt;
        </code>
        <br/>
        Kode yang panjang bisa menggunakan tag 
        <code>
          &amp;lt;i rel=&quot;pre&quot;&amp;gt;KODE PANJANG ANDA&amp;lt;/i&amp;gt;
        </code>
        <br/>
        Untuk menyisipkan gambar, gunakan kode 
        <code>
          [img]URL GAMBAR[/img]
        </code>
        <br/>
        Untuk menyisipkan judul, gunakan tag 
        <code>
          &amp;lt;b rel=&quot;h4&quot;&amp;gt;JUDUL ANDA DI SINI...&amp;lt;/b&amp;gt;
        </code>
        <br/>
        Untuk menciptakan efek tebal gunakan tag 
        <code>
          &amp;lt;strong&amp;gt;TEKS ANDA DI SINI...&amp;lt;/strong&amp;gt;
        </code>
        <br/>
        Untuk menciptakan efek huruf miring gunakan tag 
        <code>
          &amp;lt;em&amp;gt;TEKS ANDA DI SINI...&amp;lt;/em&amp;gt;
        </code>
        <br/>
        <br/>
        <br/>
      </p>
      <div class='emotki' id='emo_box'> :) :( :p :D :o ;) 8-) 8:) :/ :&#39;( 3:) O:) :* &amp;lt;3 ^_^ -_- o.O O.o &gt;:o :v :3
      </div>
      <data:blogTeamBlogMessage/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot; + data:variantParam' id='comment-editor-src'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot; + data:variantParam' id='comment-editor-src'/>
      </b:if>
      <div>
        <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' id='comment-editor' name='comment-editor' width='100%'/>
      </div>
      <a class='batal' href='javascript:replyTo(&quot;cancel&quot;);'>Batal</a>
      <data:post.friendConnectJs/>
 <data:post.cmtfpIframe/>
 <script>
  BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
 </script>
<script>
// Komentar
//<![CDATA[
!function(e,a){function s(){var e=-1;if("Microsoft Internet Explorer"==navigator.appName){var a=navigator.userAgent,s=new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})");null!=s.exec(a)&&(e=parseFloat(RegExp.$1))}return e}function l(e){var s=e.target.id,l=a.querySelector("#emo_box #"+s);l.parentNode.insertBefore(y,l.nextSibling),y.type="text",y.className="texte",y.value=l.title,y.select()}var r=(e.location.href,a.getElementById("comment_block")),t=r.innerHTML,n=[],o=[],i=[],c=0,p="",m="",d="",g=0,f=0,u=0,b=0,v="",h="",$="",x=a.getElementById("emo_box"),y=a.createElement("input"),k=a.getElementById("comment-editor").src.split("#");e.replaced=function(e,a){var s=a,s=s.replace(/^(<br ?\/?>|&nbsp;)+/i,"").replace(/(<br ?\/?>)+(:|;|\^|=)/gi,"<br> $2").replace(/^(&nbsp;|<br ?\/?>| <br ?\/?>)+/gi,"").replace(/\@<a href="\#c([0-9]+)\"( rel="nofollow")?>.*?<\/a>\:? ?/g,"").replace(/\s:\)+/g," <span class='emo smile' id='emo1' title=' :)'></span>").replace(/\s:\(/g," <span class='emo sad' id='emo2' title=' :('></span>").replace(/\s;\)/g," <span class='emo ok' id='emo3' title=' ;)'></span>").replace(/\s:p/gi," <span class='emo melet' id='emo4' title=' :p'></span>").replace(/\s:3/g," <span class='emo wkwk' id='emo5' title=' :3'></span>").replace(/\s:v/g," <span class='emo pacman' id='emo6' title=' :v'></span>").replace(/\s:D/g," <span class='emo mrangas' id='emo7' title=' :D'></span>").replace(/\so.O/g," <span class='emo ori' id='emo8' title=' o.O'></span>").replace(/\sO.o/g," <span class='emo oka' id='emo9' title=' O.o'></span>").replace(/\s:o/g," <span class='emo oo' id='emo10' title=' :o'></span>").replace(/\s:\//gi," <span class='emo uu' id='emo11' title=' :/'></span>").replace(/\s:'\(/g," <span class='emo nangis' id='emo12' title=' :&#39;('></span>").replace(/\s\^(\_|)\^/g," <span class='emo imut' id='emo13' title=' ^_^'></span>").replace(/\s\-(\_|)\-/g," <span class='emo lha' id='emo14' title=' -_-'></span>").replace(/\s&gt;:o/gi," <span class='emo sepet' id='emo15' title=' &gt;:o'></span>").replace(/\s&lt;3/gi," <span class='emo hati' id='emo16' title=' &lt;3'></span>").replace(/\s:\*/g," <span class='emo kiss' id='emo17' title=' :*'></span>").replace(/\sO:\)/g," <span class='emo apa' id='emo18' title=' O:)'></span>").replace(/\s3:\)/g," <span class='emo jahat' id='emo19' title=' 3:)'></span>").replace(/\s8:\)/g," <span class='emo kocoi' id='emo20' title=' 8:)'></span>").replace(/\s8-\)/g," <span class='emo koco' id='emo21' title=' 8-)'></span>").replace(/\[note\](.*?)\[\/note\]/gi,"<div class='note'>$1</div>").replace(/\[(youtube|iframe)\](.*?)\[\/(youtube|iframe)\]/gi,"<div class='loader'><iframe class='video' src='$2' frameborder='0'></iframe></div>").replace(/<em rel="note">(.*?)<\/em>/gi,"<div class='note'>$1</div>").replace(/<b rel="quote">(.*?)<\/b>/gi,"<blockquote>$1</blockquote>").replace(/<i rel="pre">(.*?)<\/i>/gi,"<pre><code>$1</code></pre>").replace(/<i rel="code">(.*?)<\/i>/gi,"<code>$1</code>").replace(/<b rel="h([0-6])">(.*?)<\/b>/gi,"<h$1>$2</h$1>").replace(/<i rel="anchor">(.*?)<\/i>/gi,"<a class='allow' href='$1' rel='nofollow'>$1</a>").replace(/\[(link|url)\](.*?)\[\/(link|url)\]/gi,"<a class='allow' href='$2' rel='nofollow'>$2</a>").replace(/\[url\=('|")?(.*?)('|")?\](.*?)\[\/url\]/gi,"<a class='allow' href='$2' rel='nofollow'>$4</a>").replace(/(<i rel="image">|\[img\])(.*?)(<\/i>|\[\/img\])/gi,"<img class='center besar' src='$2' alt='Loading...'>").replace(/<\/h([0-6])>(<br ?\/?>)+/g,"</h$1>");e.innerHTML=s},e.replyTo=function(e){var s=a.getElementById("comment-editor"),l=a.getElementById("comment-form"),r=a.getElementById("cancel"!=e?"c"+e:"comments"),t=k;s.className+=" transparent",s.parentNode.className+=" loader",s.src="cancel"!=e?t[0]+"&parentID="+e+"#"+t[1]:t[0]+"#"+t[1],r.insertBefore(l,null),s.onload=function(){this.className=this.className.replace(/ transparent/g,""),this.parentNode.className=this.parentNode.className.replace(/ loader/g,"")}};var E=s();if(-1==E||E>=9){for(;-1!=t.indexOf('id="a');)g=t.indexOf('id="a'),t=t.substring(g+4),g=t.indexOf('"'),n[c]=t.substring(0,g),t=t.substring(g),o[c]=a.getElementById(n[c]).innerHTML,i[c]=0,c++;for(g=0;c-1>g;g++)for(f=g+1;c>f;f++)if(-1!=o[f].indexOf(n[g])){for(p=n[f],m=o[f],i[f]=i[g]+1,d=i[f],b=g+1;f>b&&!(i[b]<d);b++);for(u=f;u>b;u-=1)n[u]=n[u-1],o[u]=o[u-1],i[u]=i[u-1];n[b]=p,o[b]=m,i[b]=d}for(g=0;c>g;g++)f=o[g].indexOf('@<a href="#a'),-1!=f&&(h=o[g].substring(0,f),$=o[g].substring(f+1),f=$.indexOf("</a>"),$=$.substring(f+4),o[g]=h+$),f=o[g].indexOf('class="cm_wrap'),-1!=f&&(h=o[g].substring(0,f),$=o[g].substring(f),i[g]>6&&(i[g]=6),o[g]=h+'style="margin-left:'+(0+5*i[g])+'%" '+$),v+=o[g];replaced(r,v),replaced(x,x.innerHTML),r.style.display="block"}else replaced(r,"<h4><em>Old IE Suck!</em></h4>");for(var p=0;p<x.children.length;p++){var N=x.children[p];N.addEventListener("click",l,!1)}var O=[".texte"];e.addEventListener("mouseup",function(e){for(var s=0;s<O.length;s++){var l=a.querySelector(O[s]);e.target!=l&&e.target.parentNode!=l&&l.parentNode.removeChild(l)}})}(window,document);
//]]>
</script>
    </div>
  </b:if>
</div>
</b:includable>


Fitur Komentar Bertingkat Anti Spam tanpa Pop Up

Tautan (link) hidup dalam komentar akan terhapus secara otomatis.
menyisipkan Gambar, Shortcode, dan banyak lainya.

Terakhir, tinggal mengaktifkan thread comment ini, yaitu dengan cara mencari semua kode yang nampak seperti ini:
<b:include data='post' name='threaded_comments'/>
Di manapun Anda menemukan kode itu, segera ganti dengan kode ini:
<b:include data='post' name='comments'/>

Klik Simpan dan lihat hasilnya!


Baca Juga
Sign out

TerPopuler