Cara Memasang Komentar Disqus di Blogger

Cara Memasang Komentar Disqus di Blog

Pasti kalian semua udah kenal dengan Disqus-kan, yaitu sistem jaringan yang digunakan sebagai tempat diskusi bagi pengguna di dunia maya yang dapat di integrasikan ke berbagai macam platform website maupun blog, salah satunya Blogger atau dikenal dengan Blogspot.

Dengan tampilan yang menarik dan modern, komentar Disqus terlihat lebih bergaya yang merupakan kelebihan dari disqus. Pengguna juga dapat berkomentar maupun membalas komentar di disqus tanpa harus masuk ke halaman blog.

Tidak hanya itu pada September 2018 Disqus menambahkan sebuah fitur baru yang menarik bagi pengguna komentar disqus, yaitu imoji reaksi misalnya Upvote, Funny, Love, Surprised, dan lain-lainnya.

Nah, buat kalian yang ingin menggunakan komentar Disqus pada blog yang Anda miliki silakah ikuti langkah-langkah dibawah ini.

Cara Memasang Komentar Disqus di Blog

  • Pertama silakan kamu masuk ke halaman Disqus, kemudian silakan kamu mendaftar atau masuk menggunakan akun media sosial Facebook, Twitter dan Google Plus.
  • Apabila Anda sudah masuk (log in), silakan kamu kunjungi halaman berikut: https://disqus.com/admin/create/ dan silakan isi form pembuatan komentar disqus tersebut. Website Name adalah nama website kalian dan Category adalah kategori pada blog Anda.
Cara Memasang Komentar Disqus di Blog
  • Pastikan Anda mencatat atau mengingat shortname disqusnya, misalnya: izaaz-me.disqus.com dan kemudian silakan klik Create Site.
  • Selanjutnya pada halaman Choose a plan, silakan Anda pilih yang Basic atau Free agar gratis.
Cara Memasang Komentar Disqus di Blog
  • Kemudian pada halaman penggunaan platform, silakan kamu pilih platform blog yang Anda gunakan. misalnya platform Blogger.
Cara Memasang Komentar Disqus di Blog
  • Setelah itu silakan kalian, klik tombol "Add (shortname) to my Blogger site", maka  Anda akan diarahkan ke halaman penambahan element Blogger, silakan pilih blog yang akan di beri komentar Disqus dan klik Add widget untuk menyimpannya maka komentar disqus secara otomatis akan terpasang di halaman blog Anda.
Cara Memasang Komentar Disqus di Blog
  • Terakhir silakan kalian import komentar di blog Anda sebelumnya, agar tampil di komentar disqus. Klik pada Discussion > Import dan silakan perbarui meta tags agar tampilan komentar disqus kompatibel di Internet Explorer.
Catatan: Memasang komentar Disqus di platform Blogger dengan cara diatas, memiliki kekurangan yaitu komentar Disqus hanya muncul di halaman post dan tidak muncul di halaman (page) statis.
Apabila kamu ingin menampilkan juga komentar Disqus pada halaman statis, silakan ikuti langkah-langkah berikut ini:
  • Sebelum memulai silakan kamu backup dulu script template yang sedang digunakan.
  • Silakan kamu masuk ke halaman template > Edit HTML, kemudian silakan kamu cari kode script seperti berikut: <b:includable id='comments' var='post'>...</b:includable>
  • Bila sudah ketemu silakan kamu, ganti dengan kode script dibawah ini:
<b:includable id='comments' var='post'>
 <b:if cond='data:post.allowComments'>
 <div class='comments' id='comments'>
 <script type='text/javascript'>
var disqus_shortname = &quot;izaaz-me&quot;;
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;;
(function() {var bloggerjs = document.createElement(&quot;script&quot;);bloggerjs.type = &quot;text/javascript&quot;;bloggerjs.async = true;
bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;;
(document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);})();
(function() {var bloggerjs = document.createElement(&quot;script&quot;);
bloggerjs.type = &quot;text/javascript&quot;;
bloggerjs.async = true;bloggerjs.src = &quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;;
(document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(bloggerjs);
})();</script></div></b:if>                
</b:includable>
  • Kemudian silakan kamu ganti shortname disqus izaaz-me, dengan shortname disqus milik kamu dan silakan simpan perubahan template.

Komentar

Postingan populer dari blog ini

Cara Agar Artikel Blog Terindex di Mesin Pencarian Google Terbaru

Cara Mudah Blog Diterima oleh Google Adsense

Cara Memasang HTTPS (SSL) pada Blogger Custom Domain