Cara Membuat Komentar Disqus di Blog Lengkap Dengan Load Comments dan Mengganti Nama Moderator - Kored ID

26 February 2019

Cara Membuat Komentar Disqus di Blog Lengkap Dengan Load Comments dan Mengganti Nama Moderator

Cara Membuat Komentar Disqus di Dlog Lengkap Dengan Load Comments dan Mengganti Nama Moderator atau Mod

Mengenai komentar disqus, ada yang suka ada yang engga. Saya termasuk yang tengah-tengah :v. Memakai komentar disqus memang ada kekurangan dan kelebihnnya. Kekurangannya sebagian orang beranggapan kalau memasang komentar disqus loading blog menjadi berat, meskipun sudah memakai script load comments tetap saja pas di klik loading membuka komentarnya lama, tapi disisi lain memakai komemtar disqus pembaca/ yang berkomentar bisa lebih mudah untuk mengecek notifikasi apabila komentarnya dibalas dan adminpun bisa mengontrol beberapa komentar yang masuk untuk melihat orang yang mengomentari blognya.

Cara Membuat Komentar Disqus di Blog Lengkap - Kored ID

Ada beberapa cara untuk membuat atau memasang komentar disqus ke dalam blog, cara yang pertama biasanya di buat dengan cara menambahkan beberapa script ke dalam template kita tanpa menginstalnya di halaman disqusnya, dan cara tersebut sering disebut juga memasang komentar disqus dengan permanen.
Cara yang kedua yaitu dengan cara login kehelaman atau masuk ke akun disqus kita dengan cara menginstal komentar disqus secara langsung ke dalam blog kita. Sebenarnya ke dua cara tersebut sama saja, namun menurut saya akan lebih mudah langsung membuatnya di halaman disqus itu.

Nah kebetulan kali ini Kored Id akan membahas cara yang kedua yaitu dengan cara login ke akun disqus dan menginstalnya ke dalam blog kita. Dan lengkap dengan memasang load comments dan setting tampilan mod nya.

Baca juga : 
Cara Membuat Komentar Disqus di Blogger

1. Login ke halaman disqus.com (yang belum punya bisa membuat dulu)
2. Klik Setting (pojok kanan atas) -> Add Disqus To Site

3. Lalu Scroll Ke bawah -> Klik Get Started

4. Selanjutnya, ada dua pilihan pilih saja I want to install Disqus on my site

5. Selanjutnya Isi Sesuai Blog kalian -> Create Site. Kalau mau pilih yang gratis klik Subscribe Now

6. Pilih Platform, karena kita akan membuatnya di blog, Pilih saja Blogger
7. Klik Add To my blogger site
Jika kalian ingin menyesuakan apa saja yang diperlukan dalam membuat komentar disqus anda, silahkan terlebih setting dahulu dengan mengklik Configure. kalau informasi sudah merasa cukup bisa langsung klik Add To my blogger site

8. Berikutnya akan dibawa kehalaman untuk menambahkan Widget di blog anda - Lalu klik Menambah Widget

9. Selesai. Sekarang komentar blog kita sudah terdapat komentar disqus.

Baca Juga :
Cara Membuat Tomboal Load Comment Disqus dengan Onclick Event

Setelah membuat widget komentar diskus, untuk mengoptimalkannya lagi kita perlu memnambahkan beberapa script untuk membuat Tombol Load Comment, Tombol ini berguna untuk meminimalisir loading yang berat yang di akibatkan setelah memasang komentar disqus. dengan memakai script ini kolom komentar disqus seolah-olah tersembunyi dan loading blog menjadi lebih cepat.

Langkah-langkah Membuat Tombol Load Comment Disqus

1. Seperti biasa login ke Blogger.com
2. Lalu pilih Tema -> Edit HTML
3. Cari kode ini <b:includable id='comments' var='post'>...</b:includable>
Supaya Memudahkan pencarian tekan ctrl+f, dan salin kode yang di beri warna merah
4. Selanjutnya, Ganti kode tersebut dengan kode dibawah ini
<b:includable id='comments' var='post'>
  <div class='comments-block' id='comments-block'>
<div id='disqus_thread'/>
<script type='text/javascript'>
var mql = window.matchMedia(&#39;screen and (min-width: 350px)&#39;);if (mql.matches){
var disqus_loaded = false;
var disqus_shortname = &#39;USER-DISQUS-ANDA&#39;; //Add your shortname here
var disqus_url = disqus_blogger_current_url;
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 disqus() {
    if (!disqus_loaded)  {
        disqus_loaded = true;
        var e = document.createElement(&quot;script&quot;);
        e.type = &quot;text/javascript&quot;;
        e.async = true;
        e.src = &quot;//&quot; + disqus_shortname + &quot;.disqus.com/embed.js&quot;;
        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0])
        .appendChild(e);
        //Hide the button after opening
        document.getElementById(&quot;show-comments&quot;).style.display = &quot;none&quot;;document.getElementById(&quot;comments-block&quot;).style.display = &quot;block&quot;;
    }
}
//Opens comments when linked to directly
var hash = window.location.hash.substr(1);
if (hash.length &gt; 8) {
    if (hash.substring(0, 8) == &quot;comment-&quot;) {
        disqus();
    }}}
</script>
  </div>
</b:includable>

Silahkan Rubah USER-DISQUS-ANDA sesuai nama pengguna disqus anda.

5. Cari Kode </article> , dan letakan kode dibawah ini tepat di atas kode </article>
<b:if cond='data:view.isPost'>
<div class='comments-blocks'><button id='show-comments' onclick='disqus();return false;' tabindex='0'>Muat Komentar</button></div>
</b:if>

6. Lalu, Cari kode </style> atau ]]></b:skin>. Copy kode dibawah ini, dan letakan tepat di atas </style> atau ]]></b:skin>
/* Disqus comment */
#comments,.comment-form, .comment_reply_form .comment-form{display:none;}
#comments-block{display:none;background:#fff;margin:10px 0 0 0;padding:20px;box-shadow:inset 0 0 1px 0 #aaa;}
.comments-blocks button{display:block;margin:25px auto 0;width:100%;outline:none;border:none;cursor:pointer;text-transform:uppercase;font-weight:700;height:55px;color:#fff;line-height:55px;padding:0!important;font-size:16px;background:#2c3e50;border-radius:2px}
.comments-blocks button:hover{background:#2c3e50}

7. Kemudian, Simpan Tema

Untuk akun disqus dan Cara Membuat Tombol Load Comment dengan Onclick Event sudah selesai. Sekarang tinggal mengatasi tampilan komentarnya

Baca Juga :
Cara Mengganti Tulisan Moderator Di Komentar Disqus

merubah tulisan Mod/ Moderator di Komentar Disqus - kored id

Tips yang ketiga ialah cara merubah tulisan mod alis moderator di dalam komentar disqus. Sebagai admin blog tentunya akan berbeda di saat kita berkomentar ataupun membalas komentar di dalam blog yang menggunakan komentar disqus. Nah kali ini saya akan berbagi tips cara merubah tampilan Mod tersebut menjadi nama kita atau nama blog tersebut.

Langkah-langkah merubah tulisan Mod/ Moderator di Komentar Disqus

1. Masuk ke dashboar disqus
2. Klik Admin -> Settings -> Community
3. Dibagian Moderator Badge Text Ganti Sesuai dengan yang kalian inginkan
merubah tulisan Mod/ Moderator di Komentar Disqus - kored id

4. Simpan dan Selesai. 
Tulisan Mod tadi sudah berubah sesuai dengan yang kita mau
merubah tulisan Mod/ Moderator di Komentar Disqus - kored id
Demikian Cara Membuat Komentar Disqus di Blog Lengkap Dengan Load Comments dan Setting Moderator atau Mod. Kalau kalian mengikuti tahap demi tahap langkah-langkah diatas, pasti cara ini akan bekerja di dalam blog anda. Semoga bermanfaat.

Sumber kode Load Comment : Analis Yuki