Mengatasi Komentar Google Plus Yang Tidak Muncul di Blogger Mengatasi Komentar Google Plus Yang Tidak Muncul di Blogger - Blog Manado - Tutorial Web Design

Mengatasi Komentar Google Plus Yang Tidak Muncul di Blogger

Mengatasi Komentar Google Plus Yang Tidak Muncul di Blogger
Share
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, anda bisa merubah sesuai keinginan anda.

  • 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 dari Blog Manado....

0 Response

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel