Tuesday, May 1, 2012

Fitur Thread Comment Berhasil Tampil tapi Tidak Bekerja??

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…

Labels: , ,

53 Comments:

At Tuesday, May 1, 2012 at 9:45:00 PM GMT+7, Blogger Beben Koben said...

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

 
At Tuesday, May 1, 2012 at 9:55:00 PM GMT+7, Blogger Taufik Nurrohman said...

@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@

 
At Tuesday, May 1, 2012 at 10:31:00 PM GMT+7, Blogger Bayu Handono said...

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

 
At Tuesday, May 1, 2012 at 10:59:00 PM GMT+7, Blogger Taufik Nurrohman said...

@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>

 
At Wednesday, May 2, 2012 at 12:27:00 AM GMT+7, Blogger Unknown said...

Mantap bang, tutornya malah lebih enak di lihat di sini ketimbang ditempat saya malah lebih lengkap lagi, pokoknya bang taufik the best dah...

 
At Wednesday, May 2, 2012 at 1:04:00 AM GMT+7, Blogger Unknown said...

@Taufik Nurrohman itu tutorial Thread Comment Versi Perancang udah mengunakan HTML5 kalau ada masalah lagi mungkin perlu mengunakan Thread Comment Versi Tata Letak HTML4. sekalian nanya bang taufik tentang blogazine maklum saya benar-benar newbie bang tentang blogazine dan bless ndak tau. kalau buat navigasi (home|nex|prev) pindah di foter caranya bagai mana bang ??

 
At Wednesday, May 2, 2012 at 2:35:00 AM GMT+7, Blogger Beben Koben said...

Banyak yg bertanya...
Pengakuan.
Percaya.
Jangan kecewakan.
Dari para pengnjungmu.

Gempor-gempor bos ^_^

 
At Wednesday, May 2, 2012 at 2:47:00 AM GMT+7, Blogger Taufik Nurrohman said...

@Suwardi Unggit Coba download paket menu navigasi di halaman ini :disini:
Di situ Saya sudah menyertakan salah satu model menu navigasi blog yang terletak melayang di sebelah bawah.

 
At Wednesday, May 2, 2012 at 1:32:00 PM GMT+7, Blogger Bayu Handono said...

@Taufik Nurrohman ahaha iya mas sudah bisa sip sip \o/

 
At Wednesday, May 2, 2012 at 3:08:00 PM GMT+7, Blogger Putra said...

haduh gak tau kalau dilarang pakai link dikomentar hohahah :D sorry kang taufik ^_^
mas, kok widget arsip saya gak bisa diklik yaa, yang ada simbol ► ?? :(
blognya -> underground404.blogspot.com

 
At Wednesday, May 2, 2012 at 4:54:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Alam Perwira Aneh tuh mas, mending nyoba dihapus saja widgetnya terus bikin lagi yang baru :-bd

 
At Wednesday, May 2, 2012 at 5:17:00 PM GMT+7, Blogger Putra said...

@Taufik Nurrohman udah saya coba, tapi masih saja gak bisa :(
btw, saya jangan dipanggil 'mas' :'( masih kecil

 
At Wednesday, May 2, 2012 at 9:54:00 PM GMT+7, Blogger Unknown said...

Template saya dulu emang tidak supprot sama sekali dengan fitur ini tetapi saya sejak ganti template sukses & berhasill menampilkan fitur ini..

 
At Wednesday, May 2, 2012 at 11:59:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Alam Perwira Hmmm... jadi mau dipanggil pak atau mbak saja ya? Hehe...

 
At Thursday, May 3, 2012 at 2:59:00 PM GMT+7, Blogger Putra said...

@Taufik Nurrohman haduh mas mas, panggil aja 'dek' ^_^

terus bagaimana arsip saya?? bisa dibantukah?? :(

 
At Thursday, May 3, 2012 at 3:11:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Alam Perwira Panggil Alam saja lah. Kalau masalah arsip Saya kurang tahu. Masalahnya semua script widget setahu Saya ada di dalam file ini: 881533437-widgets.js, jadi sudah tidak bisa diapa-apakan. Mungkin cuma konflik JavaScript saja :s

 
At Thursday, May 3, 2012 at 4:28:00 PM GMT+7, Blogger Putra said...

@Taufik Nurrohman wow, scriptenya panjang beud :D
bentrok?? sama apa yah :D

 
At Thursday, May 3, 2012 at 5:48:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Alam Perwira Nanti lama-lama pasti ketemu jawabannya. Kebanyakan tidak disengaja. Haha.

 
At Thursday, May 3, 2012 at 6:29:00 PM GMT+7, Blogger Putra said...

@Taufik Nurrohman yoo jelaslah mas :D
btw, DTE itu Dora The Explorer mas?? simbol hacker mas sendirikan?? ^_^

 
At Thursday, May 3, 2012 at 6:56:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Alam Perwira Lebih tepatnya: DORA THE EXPLODER
Cuma bom kecil tak berbahaya yang biasa berkeliling dunia untuk menempelkan diri. Jika saatnya sudah tiba, maka mereka semua akan meledak dan menggemparkan seisi dunia tanpa menimbulkan korban :gitaris:

[note]Terkait: Pure CSS3 DTE Logo[/note]

 
At Thursday, May 3, 2012 at 7:10:00 PM GMT+7, Blogger Putra said...

@Taufik Nurrohman exploder = peledak :D
jadi termotivasi dari kata2 mas sendiri. saya tunggu sampai meledak mas :) dan saya ikutan meledak juga ^_^

 
At Friday, May 4, 2012 at 1:56:00 AM GMT+7, Blogger Unknown said...

@Taufik Nurrohman DORA THE EXPLODER Melakukan petualangan seru yach mas, kalau untuk blog saya belum ada JS di dalamnya kerena itu blog buat belajar nulis, yach tepatnya sih sebagai media latihan dan catatan jurnalis saya saja. kalau blogazine saya nanti di publish nunggu udah ok semua kerena malu mas masa blogazine saya di bilang pengunjung blog bungkus terasi kerena itu saya saya sembunyikan biar tidak di lihat pengunjung.

 
At Friday, May 4, 2012 at 9:14:00 AM GMT+7, Blogger Sinto said...

haduh baru bisa online lagi nih :D oh iya coba cek artikel saya yang masukan gambar video bla bla bla bla itu kok ada 22 komentar tapi yg tampil kok cuman beberapa aja ya. apa karena script video emoticon itu ya . . ?

 
At Friday, May 4, 2012 at 9:48:00 AM GMT+7, Blogger Taufik Nurrohman said...

@system of blog Iya mas. Markup Video yang dibangun oleh JavaScript salah. Ada satu tanda petik di akhir karakter pengganti yang seharusnya tidak disertakan di sini. Salahnya ada di sini:

theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");

padahal seharusnya begini:

theText = theText.replace(/&amp;feature=/gi, "?rel=0' ");

http://4.bp.blogspot.com/-Dof_P8c3MBs/T6NCPjkCS2I/AAAAAAAACoU/1lFpgju730k/s1600/error-youtube-video.png

Tolong diperbaharui postingnya di bagian itu saja. Ya, Saya rasa masalahnya cuma di bagian itu.

 
At Saturday, May 5, 2012 at 12:03:00 PM GMT+7, Blogger Cyserrex said...

Gan, ane mau nanya nih. Gimana caranya biar Pesan Formulir Komentar pada threaded comment gk otomatis kebawah kotak komentar. Soalnya kalo belum keisi sama sekali komentarnya, Pesan Formulir Komentar pasti ada di atas kotak komentar. Bingung saya utak-atik scriptnya. Mohon pencerahannya
Screenshotnya gan:
http://imageshack.us/photo/my-images/17/cats2b.jpg/
http://imageshack.us/photo/my-images/155/cats1qf.jpg/

 
At Saturday, May 5, 2012 at 12:05:00 PM GMT+7, Blogger Cyserrex said...

@Cyserrex Kok gk muncul screenshotnya ya? :\

http://imageshack.us/photo/my-images/155/cats1qf.jpg/
http://imageshack.us/photo/my-images/17/cats2b.jpg/

 
At Saturday, May 5, 2012 at 12:49:00 PM GMT+7, Blogger Taufik Nurrohman said...

@Cyserrex Jangan memakai URL itu mas, itu URL halaman, bukan URL gambar. Untuk mendapatkan URL gambar bisa dengan cara klik-kanan ⇒ Copy Image Location

http://4.bp.blogspot.com/-3-N1LUZF0eM/T6S86rMfxgI/AAAAAAAACos/VQr7msPtmE4/s1600/use-copy-image-location.png

Saya tidak bisa mengatasi masalah itu. Sebagai alternatif kamu bisa mencoba hack fitur thread-comment dari Tien Nguyen yang lebih stabil. Namanya VinaLuv

Ini Screenshootmu:
http://desmond.imageshack.us/Himg155/scaled.php?server=155&filename=cats1qf.jpg&res=landing
http://desmond.imageshack.us/Himg17/scaled.php?server=17&filename=cats2b.jpg&res=landing

 
At Saturday, May 5, 2012 at 2:24:00 PM GMT+7, Blogger Sinto said...

@Taufik Nurrohman Bang. Udah aku kasi gitu kok tetep aja ya. Aku heran deh coba di cek kalau gak percaya

 
At Saturday, May 5, 2012 at 3:47:00 PM GMT+7, Blogger Taufik Nurrohman said...

@system of blog Mungkin mas belum paham betul maksud Saya. Maksud Saya hapus simbol tanda petik tunggal yang Saya beri warna merah ini:

http://2.bp.blogspot.com/--Q-nPZb37oA/T6TocSmcGXI/AAAAAAAACpE/AeSknS05b44/s1600/error-regex.png

Simbol itulah yang membuat bentrok, karena setiap nilai atribut di dalam tag <iframe> jadi berantakan akibat simbol petik yang berlebih itu.

 
At Saturday, May 5, 2012 at 6:07:00 PM GMT+7, Blogger Taufik Nurrohman said...

@system of blog Oh, mas. Sudah ketahuan salahnya. Selain dari kode, si penulis komentar juga salah mengetik kode [youtube]URL[youtube].
Padahal seharusnya [youtube]URL[/youtube]

http://1.bp.blogspot.com/-Wq8w6ly_Nk8/T6UIow3hm5I/AAAAAAAACpg/R7VIbiQoUOw/s1600/found-the-error.png

tes ya sob :D [youtube]http://www.youtube.com/watch?v=jCya1yiFFP4&amp;feature=related[youtube]

Tag jadi tidak tertutup. Itu yang bikin error. Mending dihapus saja komentar itu. Demi keamanan. Dengan sangat terpaksa =(

 
At Sunday, May 6, 2012 at 4:52:00 AM GMT+7, Blogger Sinto said...

@Taufik Nurrohman Betul tuh bang. jadi aku hapus deh komennya.

 
At Sunday, May 6, 2012 at 6:46:00 AM GMT+7, Blogger Sinto said...

@system of blog ternyata masih tetep bermasalah aq jd bingung

 
At Monday, May 7, 2012 at 9:31:00 PM GMT+7, Blogger Sinto said...

@system of blog Wah Aku Udah Nemu Masalahnya bang, Masalahnya adaLah Sampean Komentar pake i rel='pre' Itu gak lazim di tempat saya Pantes saja komentarnya pada ngilang, jadi aku hapus komentar sampean :D

 
At Thursday, May 17, 2012 at 9:23:00 PM GMT+7, Blogger Unknown said...

mas tapi kog ngak bisa padahal semua sudah muncul ? ku kog bingung cobadeh di cek di http://1slamic-7cy8er.blogspot.com/

 
At Thursday, May 17, 2012 at 9:27:00 PM GMT+7, Blogger Unknown said...

This comment has been removed by the author.

 
At Friday, May 18, 2012 at 10:17:00 AM GMT+7, Blogger Taufik Nurrohman said...

@Agust Nurfa Sudah dirombak habis-habisan sih mas. Mending coba klik tombol Kembalikan Widget Template ke Default. Tapi resikonya elemen artikel terkait, breadcrumb dan segala hal di dalam widget posting yang telah dimodifikasi akan menghilang.

 
At Friday, May 18, 2012 at 2:22:00 PM GMT+7, Blogger Unknown said...

@Taufik Nurrohman ya sih mas! tapi nanti saya coba lagi tuk benahin. ya itung-itung cari ilmu juga ! Thanks

 
At Tuesday, May 22, 2012 at 3:54:00 AM GMT+7, Blogger Unknown said...

@Taufik Nurrohman Bisa sihmas Terima kasih ! tapi kog avatar imagenya ngakbisa ???????? coba deh tengok !

 
At Tuesday, May 22, 2012 at 10:06:00 AM GMT+7, Blogger Taufik Nurrohman said...

@Agust Nurfa Hmmm... Bingung. Belum pernah nemu kasus seperti ini 7:(

 
At Thursday, May 24, 2012 at 5:52:00 AM GMT+7, Blogger Rama Zuckerberg said...

pak kok munculny gk sama kyk yg di demo.. @@ :Q

tkp = http://cyborg-4rt.blogspot.com/2012/05/artisteer-31-full-keygen-serial-crack.html#comment-form

 
At Thursday, May 24, 2012 at 5:05:00 PM GMT+7, Blogger Unknown said...

@Taufik Nurrohman ngak tahu nih padahal saya udah rombak widgetnya. ya nanti kalau bisa saya pelajari sendiri deh ! :-bd

 
At Saturday, May 26, 2012 at 1:19:00 PM GMT+7, Blogger Bayu Handono said...

jiaaah, mas taufik di panggil "Pak" \o/

 
At Saturday, May 26, 2012 at 1:39:00 PM GMT+7, Blogger Taufik Nurrohman said...

@CyBorg-4rt Template komentar yang kamu pakai beda tipe mas...

 
At Saturday, July 21, 2012 at 5:17:00 PM GMT+7, Blogger Unknown said...

zzzzz.....

 
At Saturday, September 1, 2012 at 4:33:00 PM GMT+7, Blogger Unknown said...

Udah nyari kesana kemari, ternyata yang bisa ngefix tutorial di sini makasih mas...

 
At Friday, September 21, 2012 at 4:40:00 PM GMT+7, Blogger Unknown said...

Mas hasilnya seperti ini?
http://2.bp.blogspot.com/-prejvGajAxw/UFw1XL6pKSI/AAAAAAAAALk/AT9t3cYJAwo/s320/Untitled.png

saya bingung: :p
1. Tombol hapus nya tidak ada
2. Sebenanya ingin membuat seperti punya kang rohman, biar tampak rapi dan tersusun. bisa dirincikan? terima kasih

 
At Friday, September 28, 2012 at 11:38:00 PM GMT+7, Blogger Unknown said...

Tombol Hapus nya tidak ada, gimana cara menampilkannya?

 
At Saturday, September 29, 2012 at 12:31:00 PM GMT+7, Blogger Putra said...

tambahkan css .item-control {display: inline;}
:)

 
At Saturday, September 29, 2012 at 2:07:00 PM GMT+7, Blogger Unknown said...

Oke @alam perwira... terima kasih..sudah berhasil. :D

 
At Wednesday, November 14, 2012 at 9:55:00 PM GMT+7, Anonymous Anonymous said...

Akhirnya, hampir satu minggu pencarian mengenai masalah reply yang ga jalan,baru di blog ini saya bisa berhasil.Terima kasih kakak atas tutorialnya. :D

 
At Monday, January 28, 2013 at 6:48:00 PM GMT+7, Blogger [H] - Hades said...

masih tetep bang :)

 
At Wednesday, May 1, 2013 at 10:17:00 PM GMT+7, Blogger Unknown said...

keren tutorialnya bang.. lengkap dan mudah di pahami.. mantap dah !!.. salut. \o/

 
At Wednesday, June 5, 2013 at 3:36:00 PM GMT+7, Blogger Fauziah Azahrah said...

mas kenapa ya komentar nya tidak muncul? :\ mohon pencerahannya :)

 

Post a Comment

<< Home