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.
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 :
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
Silahkan Rubah USER-DISQUS-ANDA sesuai nama pengguna disqus anda.
5. Cari Kode </article> , dan letakan kode dibawah ini tepat di atas kode </article>
6. Lalu, Cari kode </style> atau ]]></b:skin>. Copy kode dibawah ini, dan letakan tepat di atas </style> atau ]]></b:skin>
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 :
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
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
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.
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 Thumbnail Youtube Dari Cuplikan Video
- Cara Mudah Membuat Syntax Highlighter Pada Postingan 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
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('screen and (min-width: 350px)');if (mql.matches){
var disqus_loaded = false;
var disqus_shortname = 'USER-DISQUS-ANDA'; //Add your shortname here
var disqus_url = disqus_blogger_current_url;
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 disqus() {
if (!disqus_loaded) {
disqus_loaded = true;
var e = document.createElement("script");
e.type = "text/javascript";
e.async = true;
e.src = "//" + disqus_shortname + ".disqus.com/embed.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0])
.appendChild(e);
//Hide the button after opening
document.getElementById("show-comments").style.display = "none";document.getElementById("comments-block").style.display = "block";
}
}
//Opens comments when linked to directly
var hash = window.location.hash.substr(1);
if (hash.length > 8) {
if (hash.substring(0, 8) == "comment-") {
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 Download Video Dari Instagram Tanpa Aplikasi Lewat PC dan Android
- Ivan Irawan Animator Indonesia Kelas Hollywood. Sang Penghidup Kembali Dinosaurus
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
4. Simpan dan Selesai.
Tulisan Mod tadi sudah berubah sesuai dengan yang kita mau
Sumber kode Load Comment : Analis Yuki