Cara Memasang Disqus Comment di NextWapBlog. Pertama silahkan kunjungi link berikut ini disqus.com. Setelah loading halaman selesai. klik signup dipojok kanan atas akan nampak tampilan seperti dibawah ini :


Cara memasang comment disqus di NextWapblog

Silahkan pilih metode pendaftaran yang sobat inginkan, dari mulai facebook, twitter, google+ dan pendaftaran menggunakan email. Dalam tutorial ini saya anggap anda sudah mendaftar dan memiliki sebuah akun disqus serta sudah melakukan login akun, baiklah kita lanjut, klik admin dipojok kanan atas maka akan muncul tampilan seperti dibawah. Klik your site dan pilih add new.


Cara memasang comment disqus di NextWapblog

Jika sudah maka akan muncul tampilan seperti gambar dibawah isi Your Site Name dengan nama sesuai keinginan anda, ini nanti akan menjadi url disqus anda e.g. shortname.disqus.com nantinya. Kemudian pilih kategori yang sesuai dengan blog anda selanjutnya klik tombol create site.


Cara memasang comment disqus di NextWapblog

Anda selanjutnya akan diarahkan untuk memilih planning, ada yang berbayar dan gratis sesuaikan saja dengan keinginan anda


Cara memasang comment disqus di NextWapblog

Setelah anda memilih planning anda selanjutnya akan diarahkan untuk memasang disqus pada platform dimana anda mengelola blog, dalam tutorial ini kita menggunakan NextWapBlog. Maka anda tinggal scroll ke bagian bawah halaman dan pilih, I don't see my platform listed, install manual with universal code


Cara memasang comment disqus di NextWapblog

Maka anda akan dibubuhkan beberapa form dengan isian sintaks untuk meng-embed pada blog anda. Lihat gambar dibawah ini:


Cara memasang comment disqus di NextWapblog

Jika anda terlalu bingung, anda dapat menggunakan sintaks dibawah ini, dan edit tulisan berwarna merah dengan konfigurasi disqus anda sendiri


  <div id="disqus_thread"  class="comment-raw"></div>
<script id="dsq-count-scr" src="http://SHORTNAME.disqus.com/count.js" async></script>
<script>
    var disqus_config = function(){
        this.page.url = '{{ site.url }}/';  
        this.page.identifier = '{{ site.url }}/{{ post.link }}.html';
    };    
    (function() {  
        var d = document,
        s = d.createElement('script');
        s.src = 'https://SHORTNAME.disqus.com/embed.js';
        s.setAttribute('data-timestamp', +new Date());
        (d.head || d.body).appendChild(s);
    })();
</script>

Kemudian login akun NextWapBlog anda pergi ke Dasbor -> Akun (pilih blog yang ingin dipasang disqus) -> Tema -> Mobile/Desktop (desktop atau mobile pun bisa) -> Template editor -> post.html. Hapus sintaks dari {% if allow new_comments %} sampai sintaks di baris terakhir biarkan satu sintaks {% endif %} diakhir agar tidak terjadi error parse twig nantinya. Kemudian pastekan sintaks yang telah disunting diatas tadi diantara sintaks end tag {% endif %} (tepat pada sintaks allow ne_comments yang dihapus tadi). Lihat gambar dibawah ini


Cara memasang comment disqus di NextWapblog

Jika anda berhasil ketika anda kunjungi blog anda akan nampak tampilan seperti gambar dibawah ini :


Cara memasang comment disqus di NextWapblog

Sekian Cara Memasang Disqus Comment di Nextwapblog kali ini sampai jumpa pada tutorial-tutorial selanjutnya.

Photo p
Profile of Eza dwi anandharikyEza Dwi Anandharizky

"Malapetaka yang paling besar tidak lain adalah perasaan yang tidak pernah puas. Kekeliruan yang paling besar tidak lain karena ingin mendapatkan sesuatu. Oleh karena itu, ia yang merasa puas dengan keadaan yang memuaskan akan selamanya menikmati kepuasan"

Eza Dwi Ananadharizky December 04, 2017