About

Cara Memasang Komentar Disqus di Blog Responsive

Cara membuat kolom komentar disqus di blog,- Beberapa waktu lalu saya pernah membagikan tutorial mengenai cara memasang komentar disqus di blog (blogger), namun karena tutorial tersebut berdampak besar bagi blog seperti loading lama serta mempunyai masalah terlebih dahulu muncul kotak komentar blog sebelum komentar disqus. nah oleh karena itu saya disini kembali memberikan tutorial memasang komentar disqus diblog namun kali ini dengan cara langsung edit dari template yang akan bermanfaat membuat loading blog tidak terlalu lama.

Mungkin banyak dari anda yang pernah melihat komentar disqus di berbagai blog besar seperti blog berita atau blog yang menyediakan berbagai informasi, jangan heran karena komentar disqus memang pilihan terbaik jika ingin mengganti komentar pada blog. dimana disqus menyediakan layanan yang tidak ada pada jenis komentar lain semacam bisa berkomentar selain dengan akun disqus seperti bisa menggunakan akun facebook, twitter, google+. terlebih lagi disqus bisa menautkan komentar yang ada diblog langsung dengan akun disqus.

Terlebih lagi banyak yang mengatakan jika memasang komentar disqus di blog akan membuat blog semakin SEO yang bisa menaikan visitor blog. plus jika menggunakan komentar disqus pada blog akan menambah backlinks pada blog jika ada yang klik link dari blog kita pada akun disqus.


Dari semua kelebihan yang jarang dimiliki oleh komentar lain menjadikan disqus sebagai pilihan terbaik untuk pengganti komentar di blog, namun seperti yang saya katakan diatas jika memasang komentar disqus diblog melalui pemasangan langsung dari situsnya membuat loading blog akan menjadi lama karena script komentar disqus dipasang melalui widget blog. nah untuk mengatasi komentar tersebut silahkan gunakan cara yang saya bagikan dibawah ini agar komentar disqus diblog semakin fast loading serta responsive.

Cara Memasang Komentar Disqus Fast Loading (Responsive)


1. Pertama terlebih dahulu anda harus mempunyai Akun Disqus serta mempunyai ID disqus tersebut. untuk tutorial membuatnya bisa baca: Cara daftar dan memasang komentar disqus di blog (ID Disqus bisa anda lihat pada nomer 3 pada tutorial tersebut.

2. Kemudian sebelum memasang komentar disqus dengan tutorial ini terlebih dahulu anda harus menyembunyikan komentar bawaan blog, untuk tutorialnya bisa baca: Cara udah menyembunyikan komentar di blog.

3. Jika semua sudah anda lakukan anda lakukan berikut caranya, silahkan cari kode <div class='comments' id='comments'> di blog anda, jika sudah ketemu copy kode CSS dibawah ini dan paste tepat dibawah kode tersebut.

<script type='text/javascript'>
var mql = window.matchMedia(&#39;screen and (min-width: 600px)&#39;);if (mql.matches){
                var disqus_shortname = &quot;ID DISQUS ANDA&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;ID DISQUS ANDA&#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>


4. Silahkan ganti kode yang saya beri warna diatas dengan kode Disqus anda. Terakhir tinggal simpan template dan lihat hasilnya.

5. Untuk cara mengimpor komentar yang lama sudah saya jelaskan pada postingan sebelumnya.

Nah itulah cara memasang komentar disqus diblog fast loading (responsive), sekian tips yang dapat saya bagikan dan good luck!

'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();