Mengaktifkan Fitur Komentar Google+

Blogger telah merilis fitur komentar baru yang memungkinkan kita untuk mengintegrasikan komentar Blogger ke Google+. 

Untuk mengaktifkannya mudah. Masuk saja ke tab Google+ 

kemudian centang pilihan “Gunakan Google+ Komentar di blog ini”:

Jika template blog yang digunakan masih standar, seharusnya area komentar lama akan langsung digantikan dengan komentar baru dari Google+. Tapi jika template yang dipakai sudah tidak standar lagi, kita masih bisa menggunakan cara manual untuk menampilkan komentar Google+. Berikut ini adalah langkah-langkahnya:

-Jangan lupa untuk menyimpan salinan template ke komputer sebelum melakukan modifikasi dan menghilangkan tanda centang pada pilihan “Gunakan Google+ Komentar di blog ini” di tab Google+. Mengapa? Karena fitur komentar Google+ yang kita buat sekarang sudah ditampilkan dengan cara manual. Dengan cara menampilkan komentar Google+ secara manual, maka ini memungkinkan kita untuk melakukan modifikasi area komentar dengan lebih leluasa karena markup HTML yang dibuat telah disisipkan secara manual juga.

Kemudian:

Pertama-tama masuk ke halaman editor HTML template kemudian cari kode ini (loncat saja ke widget Blog1, kemudian jabarkan):

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

Setelah ditemukan, salin kode di bawah ini kemudian letakkan di atasnya:

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

Kode 600 merupakan variabel untuk menentukan lebar area komentar. Sesuaikan dengan lebar area posting blog Anda. Jika perlu ganti juga label Add Comments dengan kata-kata yang lain.

Setelah itu cari kode ini kemudian jabarkan:

<b:includable id='main' var='top'>

Temukan kode yang kurang lebih tampak seperti 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>

Ganti dengan kode 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>

Atau jika tidak ada kode yang tampak seperti di atas, mungkin karena bentuknya masih seperti 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>

Ganti dengan kode ini, jika yang ditemukan adalah kode dengan pola yang ke dua:

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

Klik Simpan Template. Seharusnya sekarang komentar Google+ sudah tampil di bawah posting.

Tweet