cara memasang komentar Disqus secara permanen di Blog, Flashback sedikit pada artikel sebelumnya Blog Bang Billy yang memakai 3 kolom komentar sekaligus yaitu Disqus, Blogger, dan Facebook dan setelah dipikir" lebih baik Blog Bangbil pindahkan sepenuhnya kolom komentar ke Disqus saja, karena 3 kolom komentar cukup untuk membuat blog terasa berat dan karena Disqus sekarang juga sudah mendukung fitur Impor komentar dari Blogger ke Disqus maka, kenapa tidak untuk sepenuhnya saja pindah ke Disqus?
Blog Bang Billy juga sebelumnya juga sudah membahas tentang Cara Memasang Komentar Disqus, tetapi bedanya pada artikel kali ini adalah pemasangan secara permanen! dalam artian kita akan membuang semua komentar bawaan Blogger, dan kita tidak akan lagi memakai komentar dari Blogspot/Blogger.
Jika kalian bertanya "Kenapa komentar bawaan dari Bloggernya dihapus?" Karena, kode HTML blogger sendiri memakan space code html yang terlalu banyak. Alasan kedua kenapa kita menghapus komentar blogger bawaan supaya blog kita lebih ringan untuk diakses.
Cara Memasang Komentar Disqus Permanen di Blog
Langkah Pertama : Kita akan menghapus semua code kolom komentar bawaan dari Blogger.com
1. Pertama Hapus code CSSnya terlebih dahulu, langsung masuk ke Blogger > Template > Edit HTML > Jika ada code CSS komentar Blogger yang familir seperti gambar dibawah ini silahkan dihapus, cari cssnya dengan menggunakan shortcut CTRL + F pada keyboard dengan menggunakan kata kunci Comments / #Comments / .comments lalu hapus.
setelah di klik nantinya code tersebut akan menjadi sepanjang ini..
Lalu hapus semua code yang ada di dalamnya, dan tambahkan garis miring pada akhir comment-form. Hasilnya akan seperti gambar dibawah ini
Isi dari <b:includable id='comment_picker' var='post'> juga bisa kalian hapus asal isi dari id tersebut tidak mempengaruhi kolom komentar
Kode yang dikotaki berwarna merah adalah code pendukung komentar blogger sedangkan yang berwarna biru adalah tombol berbagi yang jarang sekali dipakai oleh pengguna blogger. Tombol berbagi blogger yang sama maksud adalah yang seperti ini
Langkah Kedua : Kita akan memasang kolom komentar Disqusnya secara permanen.
1. Cari kode <b:includable id='comments' var='post'> jika sudah bertemu, ganti semua kode dari <b:includable sampai kode penutupnya </b:includable> dengan kode dibawah ini
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<script type='text/javascript'>
var disqus_shortname = "USERNAME DISQUS";
var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
(function() {
var bloggerjs = document.createElement("script");
bloggerjs.type = "text/javascript";
bloggerjs.async = true;
bloggerjs.src = "//"+disqus_shortname+".disqus.com/blogger_item.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bloggerjs);
})();
(function() {
var bloggerjs = document.createElement("script");
bloggerjs.type = "text/javascript";
bloggerjs.async = true;
bloggerjs.src = "//"+disqus_shortname+".disqus.com/blogger_index.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bloggerjs);
})();
var disqus_shortname = 'USERNAME DISQUS';
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
</div>
</b:includable>
Ganti USERNAME DISQUS dengan shortname disqus kalian masing masing, jika belum mengetahu shortnamenya pergi ke Disqus.com > Admin > pada menu atas pilih Settings lalu General.
2. Jika sudah selesai menerapkan kodenya, Simpan Template lalu lihat hasilnya.
Cara Menyembunyikan Komentar Disqus pada Laman Statis Blog
Jika komentar disqus muncul pada halaman (laman) statis blog, kalian bisa menyembunyikan komentar disqus dengan menambahkan kode berikut ini pada mode html.
<style scoped="" type="text/css">
#comments,#disqus_thread,#disqusshow{display:none;}
</style>
Itu dia cara bagaimana untuk memasang komentar Disqus permanen di Blog, semoga tutorialnya mudah dipahami oleh sobat blogger. Jika ada yang kurang paham silahkan bertanya pada kolom komentar saya akan bantu.