Cara Menciptakan 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 jikalau memasang komentar disqus loading blog menjadi berat, meskipun sudah menggunakan script load comments tetap saja pas di klik loading membuka komentarnya lama, tapi disisi lain menggunakan komemtar disqus pembaca/ yang berkomentar sanggup lebih gampang untuk mengecek notifikasi apabila komentarnya dibalas dan adminpun sanggup mengontrol beberapa komentar yang masuk untuk melihat orang yang mengomentari blognya.

Ada beberapa cara untuk menciptakan 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 eksklusif ke dalam blog kita. Sebenarnya ke dua cara tersebut sama saja, namun berdasarkan saya akan lebih gampang eksklusif 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 Thumbnail Youtube Dari Cuplikan Video
• Cara Praktis Membuat Syntax Highlighter Pada Postingan Blogger

Cara Membuat Komentar Disqus di Blogger

1. Login ke halaman disqus.com (yang belum punya sanggup menciptakan 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, alasannya kita akan membuatnya di blog, Pilih saja Blogger
7. Klik Add To my blogger site

Jika kalian ingin menyesuakan apa saja yang diharapkan dalam menciptakan komentar disqus anda, silahkan terlebih setting dahulu dengan mengklik Configure. jikalau gosip sudah merasa cukup sanggup eksklusif 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 :

• 7 Situs Yang Sering di Kunjungi Untuk Belajar Ngeblog
• 5 Situs Terbaik Untuk Belajar SEO

Cara Membuat Tomboal Load Comment Disqus dengan Onclick Event

Setelah menciptakan widget komentar diskus, untuk mengoptimalkannya lagi kita perlu memnambahkan beberapa script untuk menciptakan Tombol Load Comment, Tombol ini berkhasiat untuk meminimalisir loading yang berat yang di akibatkan sesudah memasang komentar disqus. dengan menggunakan script ini kolom komentar disqus seperti 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 aba-aba ini <b:includable id='comments' var='post'>...</b:includable>
Supaya Memudahkan pencarian tekan ctrl+f, dan salin aba-aba yang di beri warna merah
4. Selanjutnya, Ganti aba-aba tersebut dengan aba-aba 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 aba-aba dibawah ini sempurna di atas aba-aba </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 aba-aba </style> atau ]]></b:skin>. Copy aba-aba dibawah ini, dan letakan sempurna 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 Download Video Dari Instagram Tanpa Aplikasi Lewat PC dan Android
• Ivan Irawan Animator Indonesia Kelas Hollywood. Sang Penghidup Kembali Dinosaurus

Cara Mengganti Tulisan Moderator Di Komentar Disqus

Tips yang ketiga adalah cara merubah goresan pena mod alis moderator di dalam komentar disqus. Sebagai admin blog tentunya akan berbeda di ketika kita berkomentar ataupun membalas komentar di dalam blog yang menggunakan komentar disqus. Nah kali ini saya akan menyebarkan tips cara merubah tampilan Mod tersebut menjadi nama kita atau nama blog tersebut.

Langkah-langkah merubah goresan pena 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

4. Simpan dan Selesai. 

Tulisan Mod tadi sudah berubah sesuai dengan yang kita mau

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, niscaya cara ini akan bekerja di dalam blog anda. Semoga bermanfaat.

Sumber aba-aba Load Comment : Analis Yuki
Sumber https://www.kored.id/

Berbagi :

Anda mungkin menyukai postingan ini :

• 
  Ciri-Ciri Pengguna Facebook Alay Lebay Dan Norak
• 
  Cara Menciptakan Link Sumber Otomatis Dikala Artikel Blog Di Copas Orang Lain
• 
  5 Situs Terbaik Untuk Berguru Seo
• 
  2 Cara Melihat Status Whatsapp Teman Tanpa Ketahuan