5/01/2013

Cara Mengatasi Komentar Google Plus Yang Tidak Muncul

Memunculkan komentar Google plus cukup mudah, hanya dengan mencentang kotak Komentar Google Plus pada Menu Google Plus, namun hal ini tidak dirasakan oleh sebagian blogger yang mempunyai blog. Hal ini dikarenakan Template yang dipasang tidak mendukung Komentar Google Plus.

Komentar ini sangat mudah bagi anda yang beruntung menggunakan template default dari blogger. namun, bagi sebagian yang menggunakan template yang dari luar atau kostumisasi template, dan tidak mudah untuk mengaktifkan Komentar Google Plus ini, dan harus mengedit HTML templatenya dan menambahkan beberapa kode. 

Untuk bisa menampilkan komentar google plus ini, ikuti cara-cara berikut ini:
  • Silahkan Masuk Ke Blogger Anda.
  • Setelah itu, Klik Menu Template, --> simpan terlebih dahulu template anda, --> Lalu, Klik Tombol Edit HTML.
  • Cari Kode <div class='comments' id='comments'> dengan menekan CTRL+F.
  • Masukan Kode Berikut ini tepat dibawah kode <div class='comments' id='comments'> :
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  • Lalu, Klik Tombol Simpan Template.

Jika Masih Tidak Muncul Ikuti Cara Berikut ini :

  • Silahkan Masuk Ke Blogger Anda.
  • Setelah itu, Klik Menu Template, --> simpan terlebih dahulu template anda, --> Lalu, Klik Tombol Edit HTML.
  • Cari Kode <b:includable id='comments' var='post'> dengan menekan CTRL+F.
  • Masukan kode berikut ini diatas kode <b:includable id='comments' var='post'> :
<b:includable id='g-comments' var='post'>

  <div id='g-comments-outer'>
    <div class='g-comments' expr:data-href='data:blog.canonicalUrl' data-width='600' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD'>
      <a href='#g-comments-outer' id='g-comments-loader'>Add Comments</a>
    </div>
  </div>

  <!-- For slow connection -->
  <script type='text/javascript'>
  //<![CDATA[
  (function() {
    var btn = document.getElementById('g-comments-loader'),
    showGC = function() {
      var script = document.createElement('script'),
        head = document.getElementsByTagName('head')[0], old;
      script.type = "text/javascript";
      script.id = "g-comments-script";
      script.src = "//apis.google.com/js/plusone.js";
      if (document.getElementById('g-comments-script')) {
        old = document.getElementById('g-comments-script');
        old.parentNode.removeChild(old);
      }
      head.appendChild(script);
    };
    btn.onclick = function() {
      this.innerHTML = "Memuat...";
      showGC();
      return false;
    };
  })();
  //]]>
  </script>

</b:includable>


Keterangan:
Kode yang berwarna merah adalah lebar dari kotak komentar google plus.

  • Kemudian, Cari kode berikut ini :
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comment_picker'/>
</b:if>

Jika Tidak Ada Cari Kode Berikut ini :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comments'/>
</b:if>

  • Lalu, Ganti dengan kode berikut ini:
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <!-- b:include data='post' name='comment_picker'/ -->
  <b:include data='post' name='g-comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- b:include data='post' name='comment_picker'/ -->
  <b:include data='post' name='g-comments'/>
</b:if>
  • Setelah itu, Klik Tombol Simpan Template.

Selamat Mencoba,
Salam Sukses,




Your-BelajarBLOG

9 comments:

  1. Wah dari beberapa tutorial, ternyata tutorial anda yang berhasil saya terapkan.. Saya ucapkan terima kasih, dan bila ada waktu kiranya mengunjungi blog saya..

    salam kenal !

    ReplyDelete
    Replies
    1. OK Sip,

      Salam Kenal dan Salam Sukses,
      Your-BelajarBLOG

      Delete
  2. Makasih tutorialnya. Pantesan di blog ane ga muncul

    ReplyDelete
  3. Saya coba apply metode yang pertama and berhasil, trims banyak infonya sob..
    Sukses..

    ReplyDelete
  4. makasih banyak gan :D
    akhirnya ketemu juga :)

    ReplyDelete
  5. klo dari google + gak bisa di reply lewat blog ya soalnya di kolom komentar gada tombol reply nya..

    ReplyDelete
  6. Makasih bos, sudah dicoba dan berhasil.

    ReplyDelete

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar