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,
0 komentar:
Post a Comment