Kamis, 18 April 2019

Cara Memasang Komentar Disqus Secara Permanen di Blogspot


www.indoblog.me - Mungkin kamu pernah melihat jenis komentar disqus atau bahkan kamu ingin mencoba memasangnya pada platform blogger kamu atau blogspot kamu atau bahkan blog kamu, maka kebetulan disini mimin juga mau ngebahas soal tersebut dan berikut adalah bagaimana Cara Memasang Komentar Disqus Secara Permanen di Blogspot dan Blogger.com dan bagi kamu yang ingin membuatnya atau pasang komentar disqus tersebut langsung saja simak tipsnya dibawah ini.

Lantas apa saja kekurangan dan kelebihan dari komentar disqus tersebut dengan komentar bawaan dari blogger itu sendiri, untuk kelebihan dan kekurangnnya sebenarnya tergantung dari pengelola atau admin blog dan website itu sendiri.

Mungkin pemasangan komentar disqus bukan lagi merupakan hal yang baru lagi akan tetapi seperti admin juga komentar disqus baru dipasang beberapa hari ini karena selama bertahun tahun memang belum pernah mencoba memasangnya jadi dengan kelebihannyapun admin belum tahu pasti apa saja.

Cara Pasang Disqus di Blogger Dan Mengetahui Shortname Disqus 2019

Dan bagi kamu yang ingin komentar disqusnya biar tidak ada iklan referensi dari disqusnya atau agar bisa load on scroll dan bagaimana membaca shortname dari disqusnya, bagi kamu yang ini pasang disqus tanpa permanen sekaligus buat liat shortnamenya bisa dilihat pada postingan Cara Mengetahui Shortname Akun Disqus Milik Kita nanti yang lainnya akan mimin bahas tetapi sekarang kita akan pasang dulu script disqus, dan sebagai catatan bahwa tutorial ini akan menghapus semua source komentar bawaan blogger tujuannya agar loading blog semakin ringan.

Berikut adalah tips trik Cara Pasang Komentar Disqus di Blogger silahkan disimak. dan pastikan kamu sudah membackup tema atau template kamu sebelum memulai panduan ini.

1. Silahkan masuk ke dasboard blogger kalau kamu pengguna blog kalau kamu pengguna wordpress tinggal disesuaikan saja kemudian silahkan masuk ke bagian TEMA lalu EDIT TEMA lalu cari kode #Comments atau .Comments gunakan CTRL+F saja untuk mempercepat pencarian lalu kemudian silahkan kamu hapus semua kode tersebut pastikan yang dihapus bukan yang ada didalam sebuah source code saja contohnya yang dihapus yang dipinggir pinggir saja.

Cara Membuat dan Mengembalikan Komentar Disqus Permanen Di Blogspot dan Blogger

2. Selanjutnya lalu cari <b:includable id='comment-form' lalu hapus mulai dari <div class ='comment-form' sampai dengan </div> yang pas atasnya <b:/includable> contohnya bisa kamu lihat pada gambar dibawah ini.

Cara Membuat dan Mengembalikan Komentar Disqus Permanen Di Blogspot dan Blogger

3. Lalu maka setelah dihapus akan menjadi seperti ini <b:includable id='comment-form' var='pos' <b:/includable> lalu tambahkan tanda garis miring pada <b:includable id='comment-form' maka hasilnya akan menjadi <b:includable id='comment-form/' atau kode lengkapnya menjadi <b:includable id='comment-form/' var='pos' <b:/includable> dan lakukan untuk yang lainnya jadi seperti cara diatas

Cara Membuat dan Mengembalikan Komentar Disqus Permanen Di Blogspot dan Blogger

Kode lengkapnya yang perlu kamu lakukan seperti cara diatas adalah: comment-form, commentDeleteIcon, comment_count_picker, comment-picker, threaded-comment-form, threaded_comment_js, threaded_comment, ShareButtons semua kode tersebut tepat berada didepan <b:includable id='

Cara Membuat dan Mengembalikan Komentar Disqus Permanen Di Blogspot dan Blogger

4. Kemudian selanjutnya silahkan cari kode <b:includable id='comments' var='post'> kalau sudah ketemu jangan lupa ganti semua kode <b:includable id='comments' var='post'> sampai penutupnya yaitu </b:includable>

Cara Membuat dan Mengembalikan Komentar Disqus Permanen Di Blogspot dan Blogger

Lalu selanjutnya ganti kode diatas tersebut dengan kode yang ada dibawah ini

<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
<script type='text/javascript'>
                var disqus_shortname = &quot;SHORTNAME DISQUS&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);
                })();
    var disqus_shortname = &#39;SHORTNAME DISQUS&#39;;
    (function () {
        var s = document.createElement(&#39;script&#39;); s.async = true;
        s.type = &#39;text/javascript&#39;;
        s.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/count.js&#39;;
        (document.getElementsByTagName(&#39;HEAD&#39;)[0] || document.getElementsByTagName(&#39;BODY&#39;)[0]).appendChild(s);
    }());
                </script>
  </div>
</b:includable>

Kemudian jangan lupa SHORTNAME DISQUS ganti dengan shortname disqus punya kamu, dan silahkan simpan templatenya dan apakah sudah tampil sempurna, dan apabila pada LAMAN muncul juga disqusnya kamu bisa tambahkan kode ini <b:if cond='data:blog.pageType == &quot;item&quot;'> tepat dibawah kode <div class='comments' id='comments'>

Cara Membuat dan Mengembalikan Komentar Disqus Permanen Di Blogspot dan Blogger

Kemudian jangan lupa kode penutupnya juga yaitu </b:if> pasang diatas </div>
</b:includable> kalau dibiarkanpun tidak apa tergantung kebutuhan dan keperluan saja.

Sekiranya itu saja dulu apa yang bisa mimin sampaikan pada kesempatan kali ini dengan Cara Memasang Komentar Disqus Secara Permanen di Blogspot semoga bermanfaat dan membantu dan terima kasih silahkan langsung dicoba.