Cara Mudah Memasang Komentar Disqus Pada Blogger

Pada kesempatan kali ini saya akan memberikan tutorial bagaimana mengganti kolom komentar bawaan situs blog dengan kolom komentar alternative dari widget disqus. Karna banyak sekali situs popluer yang mulai beralih dari kolom komentar bawaan situs blog mereka ke kolom komentar milik disqus. Bagi yang belum mengetahui apa itu disqus saya akan menjelaskannya secara sederhana. 

Disqus adalah sebuah layanan alternatif yang telah di integrasi pada berbagai platform seperti Blogger, WordPress atau website lainnya yang digunakan sebagai tempat berdiskusi atau berkomentar. Disqus sendiri mengratiskan banyak fitur dan layanan oleh sebab itu bila anda mengupgrade disqus ke versi premium semakin banyak lagi fitur andalan yang di berikan disqus, oleh sebab itu jangan ragu untuk meng-integrasikan situs blog anda dengan layanan disqus. 

Hampir seluruh Situs Blog entah blogger dan wordpress pada umumnya sudah menyediakan fitur bawaan untuk berkomentar, bahkan komentar bawaan blog dapat kita edit sedemikian rupa hingga bisa terlihat lebih menarik. Namun banyak dari para pemilik situs blog yang beralih menggunakan komentar disqus ini, dikarenakan ada beberapa fitur disqus yang tidak di miliki oleh komentar bawaan blog.

Disqus menawarkan banyak sekali fitur yang dimiliki salah satunya adalah forum diskusi, emoticon reaction dan pemberitahuan Comment Policy dan masih banyak lagi. Untuk dapat terhubung dengan disqus pengguna di tawarkan berbagai macam kemudahan untuk media penghubung seperti google plus, facebook atau twitter tanpa perlu repot-repot mendaftar diri lagi.

Disqus juga memiliki keamanan yang baik, yaitu dapat mendeteksi adanya spam, NSFW pada komentar yang tidak pantas atau kasar dan dapat memblokir pengguna. Fitur lain yang bisa kita nikmati adalah Fasilitas komunikasi antar pengguna disqus dan pemilik situs blog yaitu kemudah dalam penyisipan media gambar secara langsung. Berikut adalah tutorial bagaimana cara memasang komentar disqus pada blog.

Cara Mudah Memasang Komentar Disqus Pada Blogger Valid HTML5

1. Masuk ke halaman Disqus terlebih dahulu  > Pilih GET STARTED
Cara Mudah Memasang Komentar Disqus Pada Blogger


2. Kemudian daftar menggunakan akun facebook, twitter atau google plus anda
Cara Mudah Memasang Komentar Disqus Pada Blogger

3. Jika sudah selanjutnya pilih I want to install Disqus on my site
Cara Mudah Memasang Komentar Disqus Pada Blogger


4. Selanjutnya pada menu Create a new site, ini user name yang anda ingin gunakan, kategori blog anda dan bahasa yang anda ingin gunakan > kemudian pilih Create Site
Cara Mudah Memasang Komentar Disqus Pada Blogger


5. Jika sudah, di bagian bawah pilih Free > kemudian pilih Subscribe Now, namun juka anda ingin memiliki banyak fitur anda bisa memilih yang berbayar
Cara Mudah Memasang Komentar Disqus Pada Blogger

6. Setelahnya kamu akan diminta untuk memilih platform blogging yang digunakan. JANGAN DIPILIH DAN ABAIKAN SAJA, karena kita akan menggunakan cara lain yaitu memasang plugin komentar Disqus di dalam postingan Blog yang telah Valid HTML5.

7. Sebagai gantinya kita akan pakai kode berikut. Ganti goindotiku-1 dengan shortname masing-masing.

<b:if cond='data:view.isSingleItem'>
<div id='disqus_thread'/>
<script>
var disqus_shortname = 'goindotiku-1';
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
  if (!disqus_blogger_current_url.length) {
    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
  }

  var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
  var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
//<![CDATA[
(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);
})();
//]]> </script>
</b:if>

8. Untuk menempatkannya, Cari dulu kode berikut. Jika kesulitan, gunakan fitur pencarian dengan menekan keyboard CTRL + F dan cukup masukkan kata kunci name='comment_picker' ATAU commentPicker agar mudah dicari. Jadi tidak usah mencari semua kodenya ya, cukup masukkan kata kunci saja.

<b:include cond='data:view.isSingleItem' data='post' name='comment_picker'/>

ATAU

<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

9. Tempatkan script Disqus tepat "SESUDAH / DIBAWAHNYA". Contohnya seperti gambar dibawah ini.
Cara Mudah Memasang Komentar Disqus Pada Blogger

10. Sekarang kotak komentar Disqus sudah terpasang di blog anda. Tapi komentar bawannya masih ada, jadi kita sembunyikan terlebih dahulu dengan caranya:
  • Pergi ke menu Settings > Posts, comments and sharing.
  • Di bagian Comment Location pilihlah Hide.
  • Setelahnya klik tombol Save settings.
Cara Mudah Memasang Komentar Disqus Pada Blogger

Catatan: Jika sebelumnya anda mempunyai komentar bawaan blog yang lumayan banyak anda bisa memindahkannya ke komentar disqus dengan cara melakukan Discussions Import.

Demikian tutorial bagaimana Cara Mudah Memasang Komentar Disqus Pada Blogger. jika anda merasa kesulitan menerapkan tutorial diatas pada blog anda silahkan tinggalkan pesan dikolom komentar dibawah. Semoga informasinya bermanfaat dan sampai jumpa pada tutorial selanjutnya.