IwanBerbagi.com - Saya pada awal ngeblog di blogger sangat mengandalkan komentar bawaan blogger, namun akhirnya saya putuskan untuk mengganti komentar default pada blog saya dengan menggunakan Disqus. Alasan saya menggunakan disqus adalah karena lebih ringan dan mudah untuk membalas setiap komentar yang masuk.

Karena kendala saya ketika menggunakan komentar bawaan blogger adalah, kita harus masuk ke dashbor blogger untuk melihat setiap komentar yang masuk pada blog kita. Dan ini sangat merepotkan ketika saya lagi offline menggunakan laptop saya sobat. Maka dari pertimbangan itulah saya menggunakan komentar disqus.

Sebelum sobat mengikuti tutorial ini saya harap sobat sudah memiki akun Disqus, beserta usernamenya. Minimal sobat sudah pernah mencoba memasang Disqus ini pada blog sobat dengan cara yang biasa, agar sobat bisa dengan mudah mencoba tutorial ini.

Memasang Komentar Disqus Di Blogger Secara Permanen
Sebenarnya disitus disqus sendiri sudah ada cara memasang komentar disqus ini, namun dengan cara yang ada pada site disqus tersebut sangat membebankan loading blog, jadi menurut saya tidak bagus menggunakan cara tersebut. Dilain sisi saya juga berfikir bahwa pembaca akan melihat komentar jika mereka tertarik dengan isi artikel dan mulai Scroll kebawah, Script ini saya optimalkan dari postingan yang ada di Kompi Ajaib.
Untuk memasang koemntar disqus dengan permanen ini saya dapatkan dari artikel bungfranky sobat bisa mencari blognya di google. Namun disini saya sudah sesuaikan dengan pengalaman saya, karena ada beberapa error ketika saya menggunakan cara bungfrangky tersebut.

Masuk ke Edit HTML dan temukan kode berikut :
 <b:includable id='comments' var='post'>
Ciutkan kode tersebut hingga menjadi seperti berikut :
<b:includable id='comments' var='post'>…</b:includable>
Hapus seluruh kode yang sobat ciutkan tadi dan ganti dengan kode dibawah ini, kode untuk disqus :
    <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
<span class='post-comment'><a expr:href='data:post.url + &quot;#disqus_thread&quot;' title='Comments'/></span>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>

                var disqus_shortname = &quot;iwanberbagicom&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;;

    var disqus_loaded = false;
    function load_disqus() {

             (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);
                })();

    disqus_loaded = true;
    };
    window.onscroll = function(e) {
        if ((window.innerHeight + window.scrollY) &gt;= (document.body.offsetHeight - 800)) {
            //hit bottom of page
            if (disqus_loaded==false)
                load_disqus()
        }
    };
                </script></b:if>
  </div>
</b:includable>
Sobat perhatikan tulisan yang saya berikan tanda tersebut, itu adalah Username Disqus sobat yang sobat dapatkan dari komentar disqus yang sobat daftarkan. Ganti username saya yang "iwanberbagicom" dengan "Username Sobat".

Mnghapus seluruh fitur komentar blogger yang ada pada Template
Karena kita hanya akan menggunakan komentar disqus saja, sehingga seluruh script komentar blogger tidak diperlukan lagi maka kita harus menghapus semua script yang tidak berguna tersebut untuk mengoptimalkan loading blog juga.

Untuk mempermudah sobat harus menciutkan seluruh widget Blog1 dan akan tampil seperti berikut :
Memasang Komentar Disqus Load On Scroll Permanen di Blogger
Yang saya tandai itu lah yang akn kita hapus fiturnya, dan menghapusnya hanya seperti cara yang saya tampilkan pada animasi Gif berikut :
Memasang Komentar Disqus Load On Scroll Permanen di Blogger
Seteleh sobat melakukan langkah-langkah diatas, sobat bisa save template dan lihat apakah komentar disqus telah tampil pada blog sobat. Dengan cara scroll kebawah seperti contoh pada blog saya ini. Semoga bermanfaat.

Update 3 July 2016, untuk yang tidak tampil disqusnya itu tidak ada permasalahan pada cara ini, namun sobat hanya perlu melakukan pengaturan seperti artikel berikut : http://goo.gl/0gaMv0
Share this with short URL:
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed