Cara Memasang Komentar Disqus di Blog

Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.

Pada Artikel kali ini kita akan membahas Cara Memasang Komentar Disqus di Blog, Postingan ini masih berhubungan dengan Artikel Tutorial Blog.

Baca juga:

Cara Memasang Komentar Disqus di Blog

Advertisement

Cara memasang komentar disqus valid HTML5 - Baiklah kawan setelah sebelumnya membagikan artikel mengenai cara baru memasang komentar facebook responsive di blog. Maka pada kesempatan kali ini saya akan membagikan tutorial mengenai cara memasang komentar disqus di blog. Tanpa harus saya jelaskan lagi apa fungsi/ kegunaan dari memasang komentar disqus ini pastinya apabila anda ingin memasangnya anda sudah pasti tau dong.

Sebenarnya dari teman-teman blogger sudah banyak yang membagikan tutorial ini, namun apa bila kita menerapkannya di dalam blog terkadang masih banyak terjadi error, maka dari itu pada kesempatan kali ini saya juga akan ikut membagikan tutorial ini dengan melakukan sedikit perubahan ada kode-kodenya, sehingga dalam memuat halaman komentar disqus ini pun tidaklah memberatkan loading blog sobat. Selain itu, cara pemasangan komentar disqus ini pun juga valid HTML5. Oke langsung saja, bagi sobat yang ingin langsung memasangnya bisa mengikuti langkah-langkah di bawah ini.

Cara Membuat Halaman Disqus

1. Pastikan anda sudah memiliki akun disqus terlebih dahulu, apabila anda belum memilikinya salahkan anda daftar melalui halaman disqus atau bisa melalui alamat tautan berikut : Disqus

2. Setelah anda berhasil membuat akun, langkah selanjutnya silahkan anda menuju halaman setting/ ketuk pada ikon gerigi yang ada pada pojok kanan atas halaman dan kemudian silahkan pilih opsi "Add disquss to site."

3. Kemudian silahkan gulir halaman kebawah hingga anda menemukan opsi "Get Started."

4. Selanjutnya, silahkan isi kolom-kolom yang tersedia dengan nama, alamat halaman disqus dan kategori blog sobat. Semisal saya memberi alamat url disqus AAAA.disqus.com, mohon di ingat alamat url AAAA.

5. Selanjutnya silahkan ketuk tombol next.

6. Kemudian anda akan di bawa ke halaman persetujuan, selanjutnya gulir halaman browser anda ke bawah dan silahkan klik "Yes, I understand ......"

Sampai disini anda sudah berhasil membuat akun disqus dan juga membuat halaman disqus. Selanjutnya yakni cara pemasangannya di blog. Sebenarnya untuk pemasangannya pun cukuplah mudah, namun bagi anda yang masih bingung silahkan gunakan kode-kode di bawah ini dimana kode-kode ini sudah sedikit saya rubah sehingga dalam pemuatannya dalam halaman blog pun tidaklah terlalu berat. Oke langsung saja..

Cara Memasang Komentar Disqus

1. Pertama, silahkan sobat masuk ke halaman blog sobat.
2. Selanjutnya silahkan masuk ke halaman template --> edit template
3. Kemudian silahkan cari kode di bawah ini, gunakan CTRL+F untuk memudahkan anda dalam menemukannya

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>  

Setelah kode di atas berhasil anda temukan, selanjutnya silahkan copy kode di bawah ini dan letakkan di bawah kode di atas.

<script type='text/javascript'>
                var disqus_shortname = &quot;blogsiabdi&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>  

Keterangan :
Silahkan ganti tulisan yang saya tandai di atas dengan alamat halaman disqus anda yang tadi saya contohkan AAAA.

4. Silahkan simpan template anda dan lihat hasilnya.

Tambahan :
Apabila sobat ingin menyembunyikan kotak komentar bawaan blogger, silahkan ikuti langkah-langkah berikut.

1. Silahkan cari kode ]]></b:skin> atau </style> dan letakkan kode CSS di bawah ini tepat di atas kode tersebut.

#comments {display:none;}
.post-comment-link { visibility: hidden; }  

2. Selanjutnya silahkan simpan template anda dan lihatlah hasilnya :)

Demikian artikel kali ini mengenai cara memasang komentar disquss valid HTML5. Apabila sobat masih kebingungan dengan cara pemasangan kode-kode di atas silahkan sobat tinggalkan pada kotak komentar. Akhir kata dari saya, terimakasih telah membaca artikel di atas. Semoga bermanfaat dan selamat mencoba :)