Home / Blogging / Cara Memasang Komentar Disqus di Blog

Cara Memasang Komentar Disqus di Blog

Cara memasang komentar disqus di blog paling ampuh

Disqus adalah layanan hosting komentar blog untuk semua website didunia dan komunitas online yang menggunakan platform jaringan. Tampilan yang menarik dan modern  membuat Disqus disukai banyak orang dan bahkan situs-situs ternama didunia banyak yang menggunakan komentar disqus.

Banyak keunggulan yang didapatkan dengan menggunakan Disqus. Namun, pada posting ini saya akan membahas cara memasangnya. Jika penasaran kelebihannya silakan cari di blog lainnya.


Cara Memasang Komentar Disqus

Pertama kunjungi situs web disqus, https://disqus.com dan kemudian klik tombol Get Started.

Selanjutnya silakan Anda mendaftar atau log in, bisa menggunakan Google+, Facebook, Twitter dan Email. Setelah sudah selesai mendaftar, silakan pilih "I want to install Disqus on my site"
komentar disqus

Kemudian silakan isikan Nama Website dan pilih Kategori, setelah itu klik tombol Create Site.
disqus comments

Selanjutnya pada halaman Select Plan, klik menu Install Disqus yang berada disebelah kiri. Nah, disini silahkan pilih platform situs web yang Anda gunakan. Pada tutorial ini saya menggunakan platform Blogger.
dua cara install komentar disqus

Selanjutnya klik tombol Add to my Blogger site (1)
Cara Memasang Komentar Disqus di Blog

Kemudian pada halaman Import Elemen Blogger, silakan Anda pilih blog (jika terdapat bebera blog) akan didiberikan widget komentar Disqus dan Klik tombol Menambahkan Widget.

Maka widget Disqus akan terpasang secara otomatis di dalam tata letak blog Anda. Dan komentar default akan diganti dengan komentar Disqus. Namun, komentar disqus tidak muncul di halaman statis blogger.

Jika Anda ingin menampilkan semua komentar disqus di halaman posting maupun halaman statis, silakan gunakan cara dibawah ini:

Cara Memasang Komentar Disqus Optimal

Di cara ini saya menganggap Anda sudah membuat komentar disqus, langkah-langkah sama seperti cara yang pertama hanya yang membedakan dicara ini ialah pemasangannya.

Pertama silakan masuk ke pengeditan template di blogger, Template > Edit HTML, kemudian silakan Anda cari code berikut: <b:includable id='comments' var='post'>...</b:includable> gunakan fitur pencarian (ctrl+f) agar lebih cepat.

Bila sudah ketemu, ganti kode tersebut dengan kode di bawah 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;membosankan&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 ganti kata membosankan dengan shortname komentar disqus yang Anda buat. Setelah itu silakan simpan template.

Itulah  bagaimana 2 cara memasang komentar disqus di blog dengan mudah, jika Anda mengalami masalah dalam proses pemasangan komentar disqus jangan sungkan untuk berkomentar dibawah. Terima Kasih.

 
Copyright © 2018 Info Membosankan - All right reversed | Powered by Blogger