Fitur Thread Comment Berhasil Tampil tapi Tidak Bekerja??

Selasa, 01 Mei 2012

Saya juga mengalami masalah yang sama, dan sampai sekarang masih belum tahu apa penyebabnya. Tapi Saya sempat berhasil memperbaikinya dengan cara mereset script thread-commenting Blogger yang terletak di dalam elemen <b:includable id='threaded_comment_js' var='post'>

Coba masuk ke halaman editor HTML Template, kemudian cek Expand Template Widget. Temukan apa saja yang memiliki pola sama seperti ini:

<b:includable id='threaded_comment_js' var='post'>
  ...
  ...
  kode panjang di sini...
  ...
  ...
</b:includable>

TIP: Tekan CTRL + F kemudian ketik 'threaded_comment_js' untuk mempermudah pencarian.

Ganti semua kode di atas, dimulai dari <b:includable id='threaded_comment_js' var='post'> sampai </b:includable>, dengan kode ini:

<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc'/>

  <script>
    (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 '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        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>

Klik Simpan Template.

Jawaban untuk pertanyaan Arimjie dan Umar Azmar. MF, S.Sy di Download Kerangka Template Blogger Responsif. Ini juga merupakan sebagian cara yang ditulis oleh Suwardi Unggit di tutorialnya. Baru saja Saya mau menerbitkan posting ini, ternyata sudah ada jawabannya hehe…

53 Komentar

Beben Koben

Selasa, 01 Mei 2012 09:45 PM

Sejauh ini belum ada diskusi yang masuk. Mulailah berdiskusi dan temukan teman-teman barumu.
Masuk untuk diskusi, mulai cari teman...
Pertamaaaxxx... <3

[H] - Hades

Senin, 28 Januari 2013 06:48 PM

masih tetep bang :)

Taufik Nurrohman

Selasa, 01 Mei 2012 09:55 PM

@Beben Koben Sip kang... hehe. Sepertinya pelan-pelan Saya sudah berhasil menarik para pembaca untuk leluasa ngoceh sama para pembaca lain di sini hehe... Asli, kalau nggak ada mereka Saya pasti bakalan kerepotan setengah mampus. Masalahnya komentar di sini isinya pertanyaan semua HUUUAAAAAAAAAAAAAA... X@ X@ X@

Bayu Handono

Selasa, 01 Mei 2012 10:31 PM

sudah saya coba, tapi ga tampil mas http://miretahutempe.blogspot.com/2012/04/restless.html kurang apanya yah?

Taufik Nurrohman

Selasa, 01 Mei 2012 10:59 PM

@Bayu Handono Sebelum ini fitur thread-comment sudah tampil apa belum? Sudah tampil tombol balas dan hapus di bawah komentar apa belum? :\ Kalau ternyata sejak awal belum tampil, mas harus menampilkan fitur thread-comment dulu. Setelah itu, kalau tombol balas dan hapus komentar sudah tampil tapi ternyata tidak bisa digunakan/tidak berfungsi, lakukan cara di atas.

Untuk mengadakan fitur thread-comment Blogger, cari semua kode yang tampak seperti ini:

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

Dalam satu template bisa ditemukan sampai empat buah. Jika sudah ketemu, ganti semua kode tersebut dengan kode ini:

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>