6 Cara Mengembalikan Kolom Komentar Blogger Yang Hilang

1/23/2016
Terjadi masalah dengan kolom / kotak komentar blog anda yang tidak ditampilkan di browser? santai saja karena anda akan tahu solusinya. akhir akhir ini muncul sejumlah keluhan dari kalangan bloggger yang heran kenapa kolom komentar di blognya tidak muncul padahal sebelumnya baik-baik saja, atau ada juga kolom komentar di sebagian artikel tidak muncul, ada juga yang memberitahukan tidak bisa membalas komentar di kolom komentar mereka. Apa sebenarnya yang menyebabkan hal tersebut terjadi? Bagaimana cara mengatasi kolom komentar yang tiba tiba hilang tersebut?

Cara Mengembalikan Kolom Komentar Blogger Yang Hilang
Akan ada banyak faktor yang dapat mempengaruhi kolom komentar blog tidak ditampilkan di jendela browser. Mungkin karena adanya perbedaan template, mungkin disebabkan karena implementasi baru terhadap penggunaan HTML 5. Mungkin juga ini disebabkan karena anda baru saja mengganti domain anda menjadi TLD domain dengan dengan name server pihak ke 3 sehingga pihak blogger tidak dapat memastikan sebaigian sumber dari blog kita aman atau tidak.
Namun bisa juga diakibatkan dari template yang sudah di custom / dimodifikasi ulang, biasanya template yang sudah dimodifikasi, akan merubah struktur elemen di dalam template tersebut. Karena perintah yang di operasikan di dalam template di buat di luar elemen template bawaan Blogger. Misalnya ditambah dengan script-script tertentu menggunakan kode jQuery atau JavaScript.
Jadi penyebabnya ada banyak dan sulit menentukan sebab yang mana sebenarnya yang menyebabkan tidak munculnya kolom komentar di blog. Maka dari itu saya menyediakan 6 cara untuk mengatasi kolom komentar blog blogger yang tidak muncul, di bawah ini adalah pilihan cara untuk mengatasinya.

Cara Mengembalikan Kotak Komentar Blogger Yang Hilang


Cara Pertama.

Masuk ke akun Blogger >> Pilih Layout / Tata Letak >> klik Edit Halaman Posting, pastikan  pada Opsi Halaman Entri anda sudah beri cek list / centang  di bagian 5 komentar. Perhatikan contoh gambar di bawah ini:

opsi tampilkan kolom komentar blog

Cara Ke-Dua.

Masuk ke akun Blogger >> Pilih Menu Google+, pastikan jangan memberi ceklist / mencentang pilihan apapun di pilihan menu tersebut. Perhatikan contoh gambar di bawah ini:

opsi tampilkan kolom komentar Google+

Cara Ke-Tiga.

Cara yang ketiga ini hanya dilakukan jika kolom komentar tidak muncul di beberapa artikel atau halamnan tertentu di blog anda. Masuk ke akun Blogger >> Pilih Post, lalu klik Edit pada salah satu artikel yang kolom komentarnya tidak muncul. Kemudian cek di sidebar sebelah kanan >> pilih menu Pilihan, pastikan pada pilihan Komentar Pembaca, anda mencentang Izinkan. Perhatikan contoh gambar di bawah ini:

Pilihan untuk iznkan komentar pengunjung blog
Artinya kita menginzinkan Pembaca untuk berkomentar di halaman artikel kita. Sekarang cek kolom komentarnya di halaman artikel Anda

Cara Ke-Empat.

Login ke akun Blogger >> Masuk ke Menu Setelan/ Setting >> Pos dan Komentar >> pastikan pada Lokasi Komentar, anda memilih Tersemat / Embeded. Perhatikan contoh gambar di bawah ini:

mengatur jenis lokasi kolom komentar

Cara Ke-Lima.

Masuk ke akun Blogger >> Pilih Template >> Edit HTML, kemudian cari kode yang mirip dengan kode berikut ini.

<b:includable id='threaded_comment_js' var='post'>

Jika di klik tanda ►, maka script ini nantinya akan diexpand menjadi panjang seperti ini:

<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 '<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) {
                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>
Ganti semua kode di atas tadi dengan kode berikut ini:

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

Masih Belum Muncul juga?

Cara Ke-Enam.

Masih di Template >> Edit HTML, cari kode berikut ini: <div class='comment-form'>
nanti akan ada dua kode yang satu untuk halam yang belum ada komentarnya dan yang satu untuk halaman yang sudah ada komentarnya. Tampilannya kurang lebih akan mirip seperti ini:

<div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
Ganti semua kode yang mirip dengan kode di atas dengan kode berikut ini:

<div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
Sama halnya dengan kode <div class='comment-form'> yang kedua, tampilannya akan mirip seperti pada kode <div class='comment-form'> yang pertama, ganti semua kodenya dengan kode seperti di atas.

Lalu simpan Template, lalu cek hasilnya.

Sekian dulu pembahasan kali ini mengenai cara untuk mengembalikan kolom komentar blogger yang hilang, semoga ini dapat membantu anda mengatasi masalah terkait kolom komentar yang tidak tampil.

Share this :

Seorang pelajar sekaligus freelance graphic designer yang senang mendalami beragam program keahlian seperti Graphic Design, Web Design, dan Menulis.

Related Posts

Previous
Next Post »

5 komentar

Write komentar
16 Juni 2017 14.02.00 WIB delete

Halo,
Apakah Anda mencari Keuangan / Pemberi Pinjaman yang sah dan terpercaya? Apakah Anda membutuhkan pinjaman? Apakah Anda memerlukan bantuan keuangan yang mendesak? Apakah Anda memerlukan pinjaman segera untuk menghapus hutang Anda atau Anda memerlukan pinjaman modal untuk memperbaiki bisnis Anda?
Kami menawarkan semua jenis pinjaman dengan tingkat bunga 2% kepada orang, perusahaan dan masyarakat dengan syarat dan ketentuan yang jelas dan dapat dimengerti. Kami memberikan pinjaman dari jumlah apapun ke tujuan manapun, jadi Hubungi kami hari ini untuk mendapatkan pinjaman instan hari ini.

Email kami di: (Henriettafernandoloanfirm@gmail.com)

Reply
avatar
26 Juni 2017 07.55.00 WIB delete

ASS.WR.WT.saya IBU SRI MUSDALIFHA TKW MALAYSIA sangat berterima kasih kepada AKI SOLEH, berkat bantuan angka jitu yang di berikan AKI SOLEH, saya bisah menang togel MAGNUM 4D yaitu ((( 9 7 7 8 ))) dan alhamdulillah saya menang 175 lembar.sekarang saya sudah bisah melunasi hutang-hutang saya dan menyekolahkan anak-anak saya. sekarang saya sudah bisah hidup tenang berkat bantuan AKI SOLEH. bagi anda yang termasuk dalam kategori di bawah ini;

1.di lilit hutang
2.selalu kalah dalam bermain togel
3.barang-barang berharga sudah habis buat judi togel
4.hidup sehari-hari anda serba kekurangan
5.anda sudah kemana-mana tapi belum dapat solusi yang tepat
6.pesugihan tuyul
7.pesugihan bank gaib
8.pesugihan uang balik
9.pesugihan dana gaib, dan dll

dan anda ingin mengubah nasib melalui jalan togel seperti saya hub AKI SOLEH di no; 082-313-336-747.

atau anda bisah kunjungi blog AKI ATAU LANGSUNG AJA KLIK DISINI

UNTUK JENIS PUTARAN; SGP, HK, MACAU, MALAYSIA, SYDNEY, TOTO MAGNUM, TAIPE, THAILAND, LAOS, CHINA, KOREA, KAMBODIA, KUDA LARI, ARAB SAUDI,

AKI SOLEH dengan senang hati membantu anda memperbaiki nasib anda melalui jalan togel karna angka gaib/jitu yang di berikan AKI SOLEH tidak perlu di ragukan lagi.sudah terbukti 100% akan tembus. karna saya sudah membuktikan sendiri.buat anda yang masih ragu, silahkan anda membuktikan nya sendiri...

SALAM KOMPAK SELALU.DAN SELAMAT BUAT YANG JEPE HARI INI

Reply
avatar
1 Agustus 2017 13.42.00 WIB delete

Apakah kamu butuh pinjaman? Jika ya email kami di gregloanfirm2017@gmail.com untuk info lebih lanjut dengan nama anda:
usia:
jenis kelamin:
negara:
negara:
Tel:
alamat:
pendudukan:
jumlah pinjaman:
Jangka waktu pinjaman:
pendapatan bulanan:
Tujuan dana:
salam,
Email kontak: gregloanfirm2017@gmail.com

Reply
avatar
25 September 2017 22.55.00 WIB delete

WIN TRUST MORTGAGES
E-MAIL ADDRESS - [dporterwintrustmortgage@outlook.com]
KANTOR PUSAT ------ Southwell Park Road California, AS
-------------------------------------------------- ---
Selamat Datang WIN-TRUST MORTGAGE
Kami menawarkan pinjaman kepada individu di seluruh dunia.
Penawaran pinjaman kami tersedia untuk orang dengan kredit buruk dan
Tanpa agunan, dengan mengamankan pinjaman.

Kami memberikan pinjaman dari
$ 1,000 sampai $ 90 juta. Pada tingkat 2%.

Kami menyediakan berbagai jenis pinjaman kepada individu ---

Pinjaman pribadi
Refinancing pinjaman
Pinjaman investor
pinjaman mobil
Pinjaman konsolidasi hutang
Pinjaman Bisnis
Pinjaman Internasional
Pinjaman hutang

    SALAM
RONALD FARIS
NOMOR WHATSAPP: +15186011323
E-MAIL ADDRESS ----- [dporterwintrustmortgage@outlook.com]
WIN TRUST MORTGAGES

Reply
avatar
25 September 2017 23.00.00 WIB delete

WIN TRUST MORTGAGES
E-MAIL ADDRESS - [dporterwintrustmortgage@outlook.com]
KANTOR PUSAT ------ Southwell Park Road California, AS
-------------------------------------------------- ---
Selamat Datang WIN-TRUST MORTGAGE
Kami menawarkan pinjaman kepada individu di seluruh dunia.
Penawaran pinjaman kami tersedia untuk orang dengan kredit buruk dan
Tanpa agunan, dengan mengamankan pinjaman.

Kami memberikan pinjaman dari
$ 1,000 sampai $ 90 juta. Pada tingkat 2%.

Kami menyediakan berbagai jenis pinjaman kepada individu ---

Pinjaman pribadi
Refinancing pinjaman
Pinjaman investor
pinjaman mobil
Pinjaman konsolidasi hutang
Pinjaman Bisnis
Pinjaman Internasional
Pinjaman hutang

    SALAM
RONALD FARIS
NOMOR WHATSAPP: +15186011323
E-MAIL ADDRESS ----- [dporterwintrustmortgage@outlook.com]
WIN TRUST MORTGAGES

Reply
avatar