Click Tips and Trick

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu6GMuyYl09jnZ0fEPZdBPWU8K7ldPTxAp0I7IcWEBIhg-8Ie7cl8kP6r8vv-C1Z0DRnd1DLWjlrCKIdiPRaxpoYbbiPj4f-jegW9h0JezvABgUPwBk616ILMgwiQvM0DD8nSBjDa_ERg/s1600/Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Mengatasi Tombol Balas/Reply Komentar Pada Blog Yang Tidak Berfungsi" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu6GMuyYl09jnZ0fEPZdBPWU8K7ldPTxAp0I7IcWEBIhg-8Ie7cl8kP6r8vv-C1Z0DRnd1DLWjlrCKIdiPRaxpoYbbiPj4f-jegW9h0JezvABgUPwBk616ILMgwiQvM0DD8nSBjDa_ERg/s200/Blogger.png" title="Mengatasi Tombol Balas/Reply Komentar Pada Blog Yang Tidak Berfungsi" width="200" /></a></div>
Mengatasi Tombol Balas/Reply Komentar Pada Blog Yang Tidak Berfungsi - Kali ini saya sedikit share sebuah tips dan trik blog tentang cara mengatasi tombol balas / reply komentar yang tidak berfungsi pada blog, postingan ini saya ambil dari salah satu blog / websait dengan alamat <a href="http://blog.kangismet.net/">blog.kangismet.net</a>. berikut ini adalah keterangan tutorialnya, silakan disimak,, <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /></div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
Mengatasi Error Pada Tombol Reply Komentar yang Tidak Bisa di Klik</div>
<div style="text-align: justify;">
Beberapa hari ini banyak komentar atau pertanyaan rekan-rekan blogger yang sudah menggunakan Threaded Comment (baca: Cara Membuat Threaded Comment di Blogger), ada masalah dengan tombol Reply / Balas. 
 
Setelah saya cek, ternyata tombol reply / balas tidak berfungsi atau  form komentar tidak keluar. Hal ini disebabkan ada perubahan pada JavaScript threaded comment. 
 
replyerror 
 
Untuk mengatasi hal ini, ikuti langkah-langkah di bawah ini : 
 
   1. Masuk ke Dasbor ---> Rancangan ---> Edit HTML 
   2. Menjaga kegagalan, backup dulu template anda ---> Download Template Lengkap 
   3. Centang Expand Template Widget 
   4. Cari kode dibawah ini : 
 
<div>
<div style="margin-bottom: 0px;">
Klik show untuk melihat<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<b:includable id='threaded_comment_js' var='post'> 
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/> 
 
  <script type='text/javascript'> 
    (function() { 
      var items = <data:post.commentJso/>; 
      var msgs = <data:post.commentMsgs/>; 
      var postId = &#39;<data:post.id/>&#39;; 
      var feed = &#39;<data:post.commentFeed/>&#39;; 
      var authorName = &#39;<data:post.author/>&#39;; 
      var authorUrl = &#39;<data:post.authorUrl/>&#39;; 
      var blogId = &#39;<data:top.id/>&#39;; 
      var baseUri = &#39;<data:post.commentBase/>&#39;; 
 
// <![CDATA[ 
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; 
      var cursor = null; 
      if (items && items.length > 0) { 
        cursor = parseInt(items[items.length - 1].timestamp) + 1; 
      } 
 
      var bodyFromEntry = function(entry) { 
        if (entry.gd$extendedProperty) { 
          for (var k in entry.gd$extendedProperty) { 
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { 
              return '' + entry.content.$t + ''; 
            } 
          } 
        } 
        return entry.content.$t; 
      } 
 
      var parse = function(data) { 
        cursor = null; 
        var comments = []; 
        if (data && data.feed && data.feed.entry) { 
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) { 
            var comment = {}; 
            // comment ID, parsed out of the original id format 
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); 
            comment.id = id ? id[2] : null; 
            comment.body = bodyFromEntry(entry); 
            comment.timestamp = Date.parse(entry.published.$t) + ''; 
            if (entry.author && entry.author.constructor === Array) { 
              var auth = entry.author[0]; 
              if (auth) { 
                comment.author = { 
                  name: (auth.name ? auth.name.$t : undefined), 
                  profileUrl: (auth.uri ? auth.uri.$t : undefined), 
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) 
                }; 
              } 
            } 
            if (entry.link) { 
              if (entry.link[2]) { 
                comment.link = comment.permalink = entry.link[2].href; 
              } 
              if (entry.link[3]) { 
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); 
                if (pid && pid[1]) { 
                  comment.parentId = pid[1]; 
                } 
              } 
            } 
            comment.deleteclass = 'item-control blog-admin'; 
            if (entry.gd$extendedProperty) { 
              for (var k in entry.gd$extendedProperty) { 
                console.log(entry.gd$extendedProperty[k].name + ' - ' + entry.gd$extendedProperty[k].value); 
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { 
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; 
                } 
              } 
            } 
            comments.push(comment); 
          } 
        } 
        return comments; 
      }; 
 
      var paginator = function(callback) { 
        if (hasMore()) { 
          var url = feed; 
          if (cursor) { 
            url += '&published-min=' + new Date(cursor).toISOString(); 
          } 
          window.bloggercomments = function(data) { 
            var parsed = parse(data); 
            cursor = parsed.length < 50 ? null 
                : parseInt(parsed[parsed.length - 1].timestamp) + 1 
            callback(parsed); 
            window.bloggercomments = null; 
          } 
          url += '&callback=bloggercomments'; 
          var script = document.createElement('script'); 
          script.type = 'text/javascript'; 
          script.src = url; 
          document.getElementsByTagName('head')[0].appendChild(script); 
        } 
      }; 
      var hasMore = function() { 
        return !!cursor; 
      }; 
      var getMeta = function(key, comment) { 
        if ('iswriter' == key) { 
          var matches = !!comment.author 
              && comment.author.name == authorName 
              && comment.author.profileUrl == authorUrl; 
          return matches ? 'true' : ''; 
        } else if ('deletelink' == key) { 
          return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id; 
        } else if ('deleteclass' == key) { 
          return comment.deleteclass; 
        } 
        return ''; 
      }; 
 
      var replybox = null; 
      var replyUrlParts = null; 
      var replyParent = undefined; 
 
      var onReply = function(commentId, domId) { 
        if (replybox == null) { 
          // lazily cache replybox, and adjust to suit this style: 
          replybox = document.getElementById('comment-editor'); 
          if (replybox != null) { 
            replybox.height = '250px'; 
            replybox.style.display = 'block'; 
            replyUrlParts = replybox.src.split('#'); 
          } 
        } 
        if (replybox && (commentId !== replyParent)) { 
          document.getElementById(domId).insertBefore(replybox, null); 
          replybox.src = replyUrlParts[0] 
              + (commentId ? '&parentID=' + commentId : '') 
              + '#' + replyUrlParts[1]; 
          replyParent = commentId; 
        } 
      }; 
 
      var tok = 'comment-form_'; 
      var hash = window.location.hash || ''; 
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined; 
 
      // Configure commenting API: 
      var configJso = { 
        'maxDepth': 2 
      }; 
      var provider = { 
        'id': postId, 
        'data': items, 
        'loadNext': paginator, 
        'hasMore': hasMore, 
        'getMeta': getMeta, 
        'onReply': onReply, 
        'rendered': true, 
        'initReplyThread': startThread, 
        'config': configJso, 
        'messages': msgs 
      }; 
 
      var render = function() { 
        if (window.goog && window.goog.comments) { 
          var holder = document.getElementById('comment-holder'); 
          window.goog.comments.render(holder, provider); 
        } 
      }; 
 
      // render now, or queue to render when library loads: 
      if (window.goog && window.goog.comments) { 
        render(); 
      } else { 
        window.goog = window.goog || {}; 
        window.goog.comments = window.goog.comments || {}; 
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; 
        window.goog.comments.loadQueue.push(render); 
      } 
    })(); 
// ]]> 
  </script> 
</b:includable></div>
<div style="text-align: justify;">
 
 </div>
</div>
</div>
5. Ganti semuanya dengan kode dibawah ini : 
 
<div>
<div style="margin-bottom: 2px;">
Klik show untuk melihat<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<b:includable id='threaded_comment_js' var='post'> 
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> 
 
  <script type='text/javascript'> 
    (function() { 
      var items = <data:post.commentJso/>; 
      var msgs = <data:post.commentMsgs/>; 
      var config = <data:post.commentConfig/>; 
 
// <![CDATA[ 
      var cursor = null; 
      if (items && items.length > 0) { 
        cursor = parseInt(items[items.length - 1].timestamp) + 1; 
      } 
 
      var bodyFromEntry = function(entry) { 
        if (entry.gd$extendedProperty) { 
          for (var k in entry.gd$extendedProperty) { 
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { 
              return '' + entry.content.$t + ''; 
            } 
          } 
        } 
        return entry.content.$t; 
      } 
 
      var parse = function(data) { 
        cursor = null; 
        var comments = []; 
        if (data && data.feed && data.feed.entry) { 
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) { 
            var comment = {}; 
            // comment ID, parsed out of the original id format 
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); 
            comment.id = id ? id[2] : null; 
            comment.body = bodyFromEntry(entry); 
            comment.timestamp = Date.parse(entry.published.$t) + ''; 
            if (entry.author && entry.author.constructor === Array) { 
              var auth = entry.author[0]; 
              if (auth) { 
                comment.author = { 
                  name: (auth.name ? auth.name.$t : undefined), 
                  profileUrl: (auth.uri ? auth.uri.$t : undefined), 
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) 
                }; 
              } 
            } 
            if (entry.link) { 
              if (entry.link[2]) { 
                comment.link = comment.permalink = entry.link[2].href; 
              } 
              if (entry.link[3]) { 
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); 
                if (pid && pid[1]) { 
                  comment.parentId = pid[1]; 
                } 
              } 
            } 
            comment.deleteclass = 'item-control blog-admin'; 
            if (entry.gd$extendedProperty) { 
              for (var k in entry.gd$extendedProperty) { 
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { 
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; 
                } 
              } 
            } 
            comments.push(comment); 
          } 
        } 
        return comments; 
      }; 
 
      var paginator = function(callback) { 
        if (hasMore()) { 
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; 
          if (cursor) { 
            url += '&published-min=' + new Date(cursor).toISOString(); 
          } 
          window.bloggercomments = function(data) { 
            var parsed = parse(data); 
            cursor = parsed.length < 50 ? null 
                : parseInt(parsed[parsed.length - 1].timestamp) + 1 
            callback(parsed); 
            window.bloggercomments = null; 
          } 
          url += '&callback=bloggercomments'; 
          var script = document.createElement('script'); 
          script.type = 'text/javascript'; 
          script.src = url; 
          document.getElementsByTagName('head')[0].appendChild(script); 
        } 
      }; 
      var hasMore = function() { 
        return !!cursor; 
      }; 
      var getMeta = function(key, comment) { 
        if ('iswriter' == key) { 
          var matches = !!comment.author 
              && comment.author.name == config.authorName 
              && comment.author.profileUrl == config.authorUrl; 
          return matches ? 'true' : ''; 
        } else if ('deletelink' == key) { 
          return config.baseUri + '/delete-comment.g?blogID=' 
               + config.blogId + '&postID=' + comment.id; 
        } else if ('deleteclass' == key) { 
          return comment.deleteclass; 
        } 
        return ''; 
      }; 
 
      var replybox = null; 
      var replyUrlParts = null; 
      var replyParent = undefined; 
 
      var onReply = function(commentId, domId) { 
        if (replybox == null) { 
          // lazily cache replybox, and adjust to suit this style: 
          replybox = document.getElementById('comment-editor'); 
          if (replybox != null) { 
            replybox.height = '250px'; 
            replybox.style.display = 'block'; 
            replyUrlParts = replybox.src.split('#'); 
          } 
        } 
        if (replybox && (commentId !== replyParent)) { 
          document.getElementById(domId).insertBefore(replybox, null); 
          replybox.src = replyUrlParts[0] 
              + (commentId ? '&parentID=' + commentId : '') 
              + '#' + replyUrlParts[1]; 
          replyParent = commentId; 
        } 
      }; 
 
      var hash = (window.location.hash || '#').substring(1); 
      var startThread, targetComment; 
      if (/^comment-form_/.test(hash)) { 
        startThread = hash.substring('comment-form_'.length); 
      } else if (/^c[0-9]+$/.test(hash)) { 
        targetComment = hash.substring(1); 
      } 
 
      // Configure commenting API: 
      var configJso = { 
        'maxDepth': config.maxThreadDepth 
      }; 
      var provider = { 
        'id': config.postId, 
        'data': items, 
        'loadNext': paginator, 
        'hasMore': hasMore, 
        'getMeta': getMeta, 
        'onReply': onReply, 
        'rendered': true, 
        'initComment': targetComment, 
        'initReplyThread': startThread, 
        'config': configJso, 
        'messages': msgs 
      }; 
 
      var render = function() { 
        if (window.goog && window.goog.comments) { 
          var holder = document.getElementById('comment-holder'); 
          window.goog.comments.render(holder, provider); 
        } 
      }; 
 
      // render now, or queue to render when library loads: 
      if (window.goog && window.goog.comments) { 
        render(); 
      } else { 
        window.goog = window.goog || {}; 
        window.goog.comments = window.goog.comments || {}; 
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; 
        window.goog.comments.loadQueue.push(render); 
      } 
    })(); 
// ]]> 
  </script> 
</b:includable></div>
</div>
</div>
 
   6. Save Template dan silakan lihat hasilnya,, 
Sumber: http://blog.kangismet.net <img src="http://i1108.photobucket.com/albums/h405/christian410/15-1.gif" /></div>
</div>