Home CSS Cara Memasang Komentar Disqus di Blog Responsive

Cara Memasang Komentar Disqus di Blog Responsive

by Erzed

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

Mungkin kaya dari anda yang pernah melihat komentar disqus di bermacam blog besar seperti blog berita atau blog yang menyediakan bermacam informasi, jangan heran sebab komentar disqus memang pilihan terbaik apabila ingin mengmengganti komentar pada blog. dimana disqus menyediakan layanan yang tak ada pada jenis komentar lain semacam dapat berkomentar selain dengan akun disqus seperti dapat menggunakan akun facebook, twitter, google+. terlebih lagi disqus dapat menautkan komentar yang ada diblog langsung dengan akun disqus.

Terlebih lagi kaya yang mengatakan apabila memasang komentar disqus di blog akan menciptakan blog semakin SEO yang dapat menaikan visitor blog. plus apabila menggunakan komentar disqus pada blog akan menambah backlinks pada blog apabila ada yang klik link dari blog kita pada akun disqus.

Cara Memasang Komentar Disqus di Blog Responsive 5

Dari semua kelebihan yang jarang dimiliki oleh komentar lain menjadikan disqus sebagai pilihan terbaik untuk pengmengganti komentar di blog, namun seperti yang admin katakan diatas apabila memasang komentar disqus diblog melalui pemasangan langsung dari situsnya menciptakan loading blog akan menjadi lama sebab script komentar disqus dipasang melalui widget blog. nah untuk mengatasi komentar tersebut silahkan gunakan cara yang admin 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 menciptakannya dapat baca: Cara daftar dan memasang komentar disqus di blog (ID Disqus dapat anda lihat pada nomer 3 pada tutorial tersebut.

Baca :  Cara Membuat Subscribe Box Keren di Blog

2. Kemudian sebelum memasang komentar disqus dengan tutorial ini terlebih dahulu anda harus menyembunyikan komentar bawaan blog, untuk tutorialnya dapat 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, apabila 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 mengganti kode yang admin beri warna diatas dengan kode Disqus anda. Terakhir tinggal simpan template dan lihat hasilnya.

5. Untuk cara mengimpor komentar yang lama sudah admin terangkan pada postingan sebelumnya.

Baca :  Kriteria Website yang Menguntungkan Bagi Pemiliknya

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

You may also like