Cara Memasang Komentar Disqus di Blog 2019 - Erend Elektronik

Cara Memasang Komentar Disqus di Blog 2019 - Kalau saya pribadi memasang apapun di blog kesayangan ini selalu mempertimbangan kesehatan blog dan cepat loadingnya pada mesin pencarian. Sehat artinya widget yang kita tambahkan adalah valid HTML 5 termasuk Komentar Disqus yang akan kita tambahkan ini.

Kenapa tidak kotak komentar bawaan blogger saja, kenapa memilih kotak komentar Disqus? Alasan pertama karena template saya ini ketika merubah meta html menjadi HTML, kotak komentarnya menjadi error itupun bila dalam setelan dasar draft blogger Lokasi Komentar-nya disetel pada bagian Tersemat. Alasan kedua  tampilan Komentar Disqus sangat elegan dan profesional, lagian dalam hal kecepatan blog tidak ada perbedaan dengan komentar bawaan blogger.

Cara Memasang Komentar Disqus di Blog 2019

Langkah awal Membuat Komentar Disqus di Blog tentunya anda harus punya akun pada Disqus tersebut. Kalau belum, silahkan anda buat akun terlebih dahulu. Karena syarat utama memasang komentar Disqus adalah punya Akun Disqus dan Blog-nya itu sendiri.

Disqus - The #1 way to build an audience on your website. Tidak perlu saya ulas panjang-lebar dipostingan ini, yang pasti bila anda belum punya Akun Disqus silahkan cara membuatnya disini Cara Membuat Akun Disqus, katakan saja pembuatan Akun Disqus anda sudah selesai dan jadi. Silahkan anda klik Setting, lalu Add Disqus to Site.

<script>

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

                })();

                </script>

- Pastekan kode diatas dibawah kode berikut:

<b:includable id="comments" var="post">
<div class="comments" id="comments">

Atau bila menggunakan template seperti saya, pastekan dibawah kode ini:

<b:includable id='postContent' var='post'>

-Ganti tulisan rapiserui dengan nama akun Disqus anda
- Langkah berikutnya menyimpan kode <!-- Disqus Widget --> pada tambahkan gadget HTML.

- Langkah terakhir adalah menyimpan kode ini diatas kode penutup style </style> :

#comments {display:none;margin:10px 15px }
.post-comment-link { visibility: hidden; }

- Save template dan lihat hasilnya !

Artikel Terkait