Cara Menampilkan Komentar G+ di Blogger

Diandra   3/10/2017   Blog, Google Plus   Comment  

Menampilkan Komentar Google Plus - Sebenarnya ada banyak pilihan bagi blogger untuk menggunakan kolom komentar, salah satunya adalah denga menggunakan komentar dari Google+. Bagi Anda yang selama ini aktif bersosial media menggunakan Google+ sangat cocok menggunakan kolom komentar ini di blog.

Sebenarnya banyak cara untuk membuat blogger terlihat menarik dan elegan dimata pengunjung. Terlebih blog tersebut mempunyai sejumlah artikel berkualitas dan menarik bagi pembacanya, sehingga harus diiringi dengan tampilan yang sebanding dengan apa yang dibahas.

Pada artikel sebelumnya saya pernah menjelaskan bagaimana cara membuat show hide kolom komentar di Blogger. Kali ini saya akan menjelaskan bagaimana cara menampilkan Komentar Blogger dengan menggunakan Google+.

Cara Menampilkan dan Memasang Kolom Komentar Google Plus di Blog

Sebelum melangkah lebih jauh ke pembahasan, terlebih dahulu anda harus mengetahui fungsi kolom komentar Google Plus. Pada intinya fungsi utama dari komentar google plus adalah pembaca tidak harus memilik akun blogspot terlebih dahulu untuk komentar di blog anda. Hanya dengan akun google plus saja pembaca dapat dengan leluasa mengomentari setiap artikel yang anda tayangkan di blog.

Dengan begitu anda akan mendapat keuntungan lebih yaitu memungkinkan pembaca banyak yang mengakses blog anda dengan mudah dan meninggalkan komentar. Jadi anda jangan terlalu memusingkan cara memasang komentar G+ di blog, ikuti langkah-langkahnya dibawah ini.

Langkah 1:
Buka akun blogger kemudian langsung menuju ke menu Template > Edit HTML

Langkah 2:
Pastikan bahwa template blog anda telah terpasang kode java script (berapapun versinya), apabila belum ada copy paste kode dibawha ini dan letakkan dibawah kode </head>

<script async='async' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>

Langkah 3:
Sebelumnya lanjut ketahap ini, alangkah baiknya lakukan backup template blog anda terlebih dahulu, untuk menghindari kesalahan yang terjadi.

Setelah melakukan backup cari kode berikut ini <b:includable id='comments' var='post'> dengan menekan tombol CTRL + F secara bersamaan. Kemudian letakkan kode dibawah ini tepat diatasnya.

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

Langkah 4:
Setelah itu cari kode <b:include data='post' name='post'/> yang isinya kurang lebih seperti dibawah 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 semua kode diatas dengan kode dibawah ini

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

Langkah 5:
Simpan template blog. Sekarang blog anda telah terpasang kolom komentar Google Plus.

Cara Simple Menampilkan Kolom Komentar Google+ di Blogger

Masuk ke akun blogger kemudian pilih menu Setting > Post, comments and sharing kemudian pada Google+ Comments (Use Google+ Comments on this blog) ganti menjadi YES. Setelah itu Simpan (save).



Nah sekian cara menampilkan kolom komentar G+ di Blogger, yang pada intinya dapat memudahkan pembaca untuk memberi komentarnya. Walaupun pada umumnya banyak yang menggunakan akun gmail dan akun blog untuk menjelajahi dunia internet dan khusunya dunia blog. Cara ini tergolong efektif untuk dapat diterapkan diblog anda dengan mudah. Semoga berguna.