Tutup Buka Komentar Disqus - Tutup Buka atau Buka Tutup, bila kita lihat dari value aktifitasnya adalah pekerjaan yang banyak memerlukan energi. Ketika kita membuka kenapa harus menutup atau sebaliknya ketika kita menutup kenapa harus dibuka pula. Hemat saja energi hanya dengan satu klik untuk membuka komentar Disqus yang ada pada blog kita, jadi kita pemilik blog tidak terlalu membuat lelah pengunjung dengan pekerjaan yang tidak perlu.
Alasan apa ketika kita memilih Komentar Disqus, tidak memakai komentar bawaan blogger? Tentu karena Disqus lebih elegan dan profesional bila kita melihat dari segi tampilan Komentar Disqus. Silahkan pasang kotak Komentar Disqus pada Website-mu, dan saya telah membahasnya pada postingan terdahulu dengan judul :
- Cara Pasang dan Daftar Untuk Mendapatkan Akun Disqus
Ketika Kotak Komentar Disqus telah terpasang pada Website atau Blog anda maka kita berpikir bagaimana caranya agar komentar disqus tersebut bisa kita show-hide atau menutup dan membukanya dengan satu klik saja. Kotak Komentar Disqus pada blog Rapi Serui ini sengaja tidak ada pasilitas satu klik untuk menutup kotak tsb.karena secara otomatis kotak komentar disqus ini akan menutup ketika halaman blog yang sedang kita buka direload atau direfresh. Untuk itu tentunya kita pengunjung blog tidak terlalu banyak mengeluarkan energi untuk menutup dan membuka kotak komentar.
Andai anda tertarik dengan apa yang telah saya terapkan dan pasang di Website ini dengan kotak komentar Disqus, maka silahkan anda ikuti cara saya berikut. Langkah pertama tentunya anda harus punya akun disqus agar bisa mendapatkan widget disqus untuk dipasangkan pada blog anda. Silahkan ikuti langkahnya pada link yang telah saya berikan diatas. Setelah kita punya widget Disqus maka langkah awal adalah menempatkan kode scrift untuk membuka kotak komentar disqus tsb.
Copy pastekan kode berikut sebelum tag penutup gaya atau style atau </style>
/* Disqus */
button#kangerendDisqus {background-color:#028271;color: #fff;font: normal 600 16px Tahoma,sans-serif;line-height: 0px;text-align: center;
width: 100%;border-width: 0px;padding: 20px 10px;cursor: pointer;transition: all .5s ease;border-radius: 3px;-moz-border-radius: 3px;}
button#kangerendDisqus:hover {background: #1d2129;}
Lalu langkah kedua sekaligus langkah terakhir adalah menyimpan kode pemanggil untuk membuka kotak komentar Disqus. Copy dan pastekan kode scrift dibawah ini sesudah atau dibawah kode berikut : <b:includable id='comments' var='post'> atau kode <div class='comments' id='comments'>
<button id='kangerendDisqus'>Buka Komentar</button>
<b:if cond='data:view.isPost'><script>//<![CDATA[
window.disqus_blogger_current_url = $('link[rel=canonical]').attr('href');
window.disqus_shortname = 'https://rapiserui.blogspot.com/';
$('#kangerendDisqus').on('click', function(){
$.ajax({
type: 'GET',
url: '//' + disqus_shortname + '.disqus.com/blogger_item.js',
dataType: 'script',
cache: true
});
$(this).fadeOut();
});
//]]></script></b:if>
Warna Pink adalah Id Disqus saya, silahkan ganti dengan Id Disqus anda, lalu Simpan atau Save template. Moga cara membuat Pembuka kotak komentar Disqus ini bisa bermanfaat untuk anda. Bila ada kendala silahkan tulis saja problem yang sedang anda hadapi mengenai pesangan show-hide Disqus ini pada kotak komentar yang telah saya sediakan.
Stop Press !
Referensi dan tema tulisan Tutup Buka Komentar Disqus ini adalah hasil Copy Paste dari Website Igniel dot Com.
- https://www.igniel.com/2018/03/load-disqus-onclick-button.html
