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.
Keterangan:
Kode yang berwarna merah adalah lebar dari kotak 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 == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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 == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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 == "static_page"'>
<!-- b:include data='post' name='comment_picker'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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
salam kenal !
Salam Kenal dan Salam Sukses,
Your-BelajarBLOG
Sukses..
akhirnya ketemu juga :)