Tips Mengatasi Loading Kolom Komentar Disqus yang Lambat. Banyak blogger yang mencoba untuk menampilkan template atau tampilan blog dengan berbagai cara agar blog lebih terkesan menarik dan pengunjung nyaman untuk melihat-lihat seluruh isi blog. Salah satu cara yang ditempuh adalah mengganti kolom komentar default bawaan blog dengan fasilitas “Disqus”.

Dengan tampilan yang menarik dan modern maka akan membuat blog lebih terkesan elegan dan profesional. Namun dibalik tampilan yang menarik tersebut banyak blogger yang mengeluhkan bahwa memakai kolom komentar Disqus membuat loading menjadi lambat. Maka dari itu untuk kali ini saya ingin berbagi tips mengenai cara mengatasi kolom komentar disqus yang lambat loading.

Sebelum membahas tentang tips tersebut, sebaiknya kita mengenal sedikit apa itu Disqus dan manfaatnya dalam membangun trafik blog.

Baca Juga: Cara Mudah Memasang Komentar Disqus di Blogger

Apa itu Disqus?

Disqus adalah perusahaan layanan pihak ketiga yang memberikan beberapa fasilitas salah satunya adalah add-on tools dalam bentuk kolom komentar untuk melakukan diskusi bagi pengunjung blog. Perusahaan ini didirikan tanggal 30 Oktober 2007 di Howard St San Francisco dengan jumlah anggota team yang cukup lumayan banyak.

Tujuan layanan dari add-on tools sendiri adalah membentuk komunitas sesama anggota disqus. Orang akan lebih mudah untuk saling memberikan komentar dan jawaban dalam sebuah forum diskusi. Selain itu fasilitas tools ini akan memudahkan bagi pengunjung dalam memberikan komentar dengan memberikan tiga opsi log in yaitu melalui akun google, facebook dan disqus.

Fasilitas lainnya yang tidak kalah penting adalah sarana untuk melakukan filter terhadap komentar yang bersifat spam. Pemilik blog akan dengan mudah untuk memoderasi apakah komentar tersebut layak tampil atau tidak.

Selain dua hal diatas, Disqus juga memberikan fasilitas analisis terhadap perilaku komentar dari pengunjung yang ada. Fasilitas ini tentu saja akan berguna sebagai bahan referensi dalam melakukan pengembangan trafik bagi blog itu sendiri.

Cara Mengatasi Loading Kolom Komentar Disqus yang Lambat Di Blog

Tampilan Kolom Komentar Disqus.

Tampilan kolom komentar disqus memiliki dua tampak yang secara otomatis akan menyesuaikan dari template blog yang bersangkutan yaitu warna terang dan gelap. Namun bagi blogger yang kurang puas maka bisa mengatur tampilan tersebut sesuai dengan selera masing-masing.

Baris komentar di kolom disqus memiliki bentuk hirarki yang mempermudah pembaca untuk mengelompokkan antara pertanyaan dan jawaban sehingga memberikan kenyamanan bagi pengunjung untuk melakukan diskusi.

Pengunjung yang beranggotakan Disqus bisa memberikan rekomendasi komentar atau diskusi tersebut sehingga akan muncul di dalam wall disqus pengunjung tersebut dan bisa dilihat oleh anggota yang lain. Bagi yang tidak beranggotakan Disqus mereka masih bisa membagikan komentar tersebut ke dalam akun facebook atau twitter sehingga dan akan dilihat orang lain.

Kemudahan selanjutnya selain kolom hirarki adalah pengunjung bisa mengatur sendiri urutan komentar berdasarkan komentar terbaru, komentar terlama dan komentar terbaik. Hal ini cukup memberikan pengalaman yang istimewa bagi pengunjung dalam melakukan diskusi.

Mencari Penghasilan Dari Program Reveal Disqus.

Program unggulan yang ditawarkan Disqus selain tampilan yang elegan serta kemudahan pengunjung dalam melakukan diskusi adalah program reveal. Program ini hampir mirip dengan program Adsense dengan kerjasama dalam pemasangan iklan. Untuk program reveal disqus ini, pemilik blog bisa mengatur tata letak iklan di sekitar kolom komentar.

Program ini patut dicoba terutama bagi blogger yang belum diterima di google Adsense. Hal ini tentu saja memberikan pengalaman baru bagi blogger tersebut dalam menyediakan layanan iklan dengan harapan memperoleh pemasukan. Pengalaman tersebut tentu saja akan memberikan semangat tersendiri dalam memperkaya konten blog yang mereka miliki.

Bagi kalian yang tertarik ingin memasang kolom komentar Disqus bisa baca tutorialnya disini

komentar disqus; kolom komentar disqus;

Tips Agar Kolom Komentar Disqus tidak memperlambat loading.

Sesuai dengan topik utama pembahasan kali ini dengan judul tips mengatasi masalah kolom komentar disqus yang lambat loading. Maka kali ini produkreview.com ingin memberi beberapa tips ringan agar permasalahan tersebut dapat teratasi.

Cara mudah untuk mengatasi masalah tersebut adalah membuat kode khusus agar kolom komentar disqus tidak melakukan loading bersamaan dengan halaman blog. Sehingga hal tersebut tidak akan mengganggu kecepatan loading blog itu sendiri.

Caranya cukup mudah yaitu membuat opsi buka-tutup atau melakukan loading kolom komentar disqus jika pengunjung ingin memberikan komentarnya. Poin Hide/Show ini tentu saja memiliki beberapa keuntungan diantaranya:

  • Loading blog tidak terganggu.
  • Tampilan komentar tidak terlalu memanjang ke bawah sehingga tidak menutup tampilan di bawahnya terutama ketika dibuka melalui mobile.
  • Hanya pengunjung yang serius yang akan melakukan komentar sehingga mengurangi komentar yang tidak penting dan tidak berhubungan dengan tema artikel tersebut.
  • Tampilan lebih cantik dan profesional.

Cara Mengatasi Loading Kolom Komentar Disqus Yang Lambat

Langkah Pertama:


  1. Sebaiknya Anda mencadangkan template agar jika terjadi kesalahan bisa dikembalikan seperti semula.
  2. Bagi yang sudah memasang Disqus sebelumnya bisa menghapus atau mematikan sementara kode tersebut.
  3. Langkah memasang kolom hide/show.

Masuk ke kode HTML template Anda dan cari kode: ]]></b:skin>. Jika sudah ketemu maka letakkan kode di bawah ini tepat diatas ]]></b:skin>. 

/* hidden komentar disqus */
.disqus-title{margin:0;text-align:left;background:#07ACEC;padding:6px 10px;color:#f8f8f8!important;font-size:100%;font-weight:500;border-radius: 3px; margin-bottom: 15px;box-shadow: 3px 3px 5px #000}
.disqus-loader,#disqus-showhide{float:right;cursor:pointer}
#disqus-showhide{display:none}


Setelah itu cari kode: <b:includable id='comments' var='post'> setelah ketemu maka hapus kode di bawahnya

Contoh:
<b:includable id='comments' var='post' >
 kode di hapus
</b:includable>

Ganti kode yang dihapus tadi dengan kode di bawah ini: 

<div class='disqus-title' id='disqus-title'>Kolom Komentar &gt;&gt;<span class='disqus-loader' id='disqus-loader' onclick='loadDisqus()'>Buka</span><span id='disqus-showhide' onclick='toggleDisqus(&apos;disqus-comments&apos;)'>Tutup</span></div>
    <div id='disqus-comments'>
     <div class='comments' id='comments'>
    <script type='text/javascript'>
                    var disqus_shortname = &quot;Nama-Disqus&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;;
    </script>
    </div>
    </div>

Sehingga menjadi bentuk kode seperti di bawah ini:
<b:includable id='comments' var='post'>
<!-- awal hiden komentar -->
                  <div class='disqus-title' id='disqus-title'>Kolom Komentar &gt;&gt;<span class='disqus-loader' id='disqus-loader' onclick='loadDisqus()'>Buka</span><span id='disqus-showhide' onclick='toggleDisqus(&apos;disqus-comments&apos;)'>Tutup</span></div>
    <div id='disqus-comments'>
     <div class='comments' id='comments'>
    <script type='text/javascript'>
                    var disqus_shortname = &quot;Nama-Disqus&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;;
    </script>
    </div>
    </div>
<!-- akhir hiden komentar -->
</b:includable>

Langkah terakhir adalah mencari kode </body>. setelah ketemu silahkan pasang kode dibawah ini tepat diatasnya:
<script type='text/javascript'>
    //<![CDATA[
    function toggleDisqus(e){var n=document.getElementById(e),l=document.getElementById("disqus-showhide"),t="none";n.style.display==t?(n.style.display="block",l.innerHTML="Hide"):(n.style.display="none",l.innerHTML="Show")};
    //]]>
    var disqus_shortname = &quot;Nama-Disqus&quot;;
    function loadDisqus(){var e=document.getElementById(&quot;disqus-loader&quot;);e.style.display=&quot;none&quot;;var e=document.getElementById(&quot;disqus-showhide&quot;);e.style.display=&quot;block&quot;;!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.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(e)}();}
    </script>

Ganti Nama-Diqus dengan ID disqus Anda. Setelah itu save perubahan template dan lihat hasilnya.

Baca Juga: Cara Membuat Widget Komentar Terbaru Disqus di Blog

Itu tadi beberapa pengenalan tentang kolom komentar disqus dan manfaat bagi kemajuan blog terutama memberikan pengalaman terbaik bagi pengunjung yang ingin melakukan diskusi.

Sekian pembahasan tentang Cara Mengatasi Loading Kolom Komentar Disqus yang Lambat Di Blog
Semoga hal ini bermanfaat dan bisa berguna bagi blogger semuanya dan terimakasih sudah berkunjung di www.confignet.ga
Tags

Post a Comment

إرسال تعليق

أحدث أقدم