Cara Men-defer Komentar Disqus Untuk Blogger

Cara Men-defer Komentar Disqus Untuk Blogger

Bola Hero Gawai

Cara Men-defer Komentar Disqus Untuk Blogger

Cara Men-defer Komentar Disqus Untuk Blogger
Dalam rangka terus mengoptimalkan blog dengan meringankan loading blog, salah satu unsur yang perlu dioptimalkan adalah komentar. Beberapa waktu yang lalu kita sudah membahas cara men-defer komentar Blogger, kini kita akan mencoba men-defer komentar Disqus untuk Blogger.

Sebelum kita men-defer komentar Disqus, tentunya kita harus memasang komentarnya terlebih dahulu di blog. Untuk memasang komentar Disqus di blogger, saya rekomendasikan untuk menggunakan cara ini, alternatif lain memasang komentar Disqus di blogger.

Setelah Anda memasang komentar Disqus di Blogger dengan cara di link di atas tadi, maka kini kita mulai untuk men-defer komentarnya.

Pertama, silahkan Anda hosting kode di bawah ini.


var disqus_shortname="USERNAME";
var disqus_url = disqus_blogger_current_url;

(function () {
    "use strict";
    var get_comment_block = function () {
        var block = document.getElementById('comments');
        if (!block) {
            block = document.getElementById('disqus-blogger-comment-block');
        }
        return block;
    };
    var comment_block = get_comment_block();
    if (!!comment_block) {
        var disqus_div = document.createElement('div');
        disqus_div.id = 'disqus_thread';
        comment_block.innerHTML = '';
        comment_block.appendChild(disqus_div);
        comment_block.style.display = 'block';
        var dsq = document.createElement('script');
        dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.body).appendChild(dsq);
    }
})();

Silahkan ganti kode USERNAME dengan username disqus blog Anda.

Setelah kode di atas di-hosting, silahkan ganti kode javascript yang tadi Anda pasang di atas kode </body> (ketika memasang komentar Disqus tadi) dengan kode di bawah ini.


<script type="text/javascript">
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="URL HOSTING KODE DISQUS",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Silahkan ganti kode URL HOSTING KODE DISQUS dengan URL hosting kode pada langkah pertama di atas tadi.

Selesai, sekarang silahkan coba rasakan loading halaman postingan blog Anda.

Di sini saya sengaja tidak menyertakan kode untuk menampilkan jumlah komentar Disqus karena saya pikir selain menambah beban loading blog, jumlah komentar tidak berpengaruh pada SEO blog.

Selamat mencoba.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×