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
Wah dari beberapa tutorial, ternyata tutorial anda yang berhasil saya terapkan.. Saya ucapkan terima kasih, dan bila ada waktu kiranya mengunjungi blog saya..
ReplyDeletesalam kenal !
OK Sip,
DeleteSalam Kenal dan Salam Sukses,
Your-BelajarBLOG
Makasih tutorialnya. Pantesan di blog ane ga muncul
ReplyDeleteSaya coba apply metode yang pertama and berhasil, trims banyak infonya sob..
ReplyDeleteSukses..
Keren bos
ReplyDeletemakasih banyak gan :D
ReplyDeleteakhirnya ketemu juga :)
klo dari google + gak bisa di reply lewat blog ya soalnya di kolom komentar gada tombol reply nya..
ReplyDeleteMembantu nih terima kasih bos
ReplyDeleteMakasih bos, sudah dicoba dan berhasil.
ReplyDelete