Cara Membuat Tombol Buka Tutup Komentar Disqus

Komentar merupakan bagian yang sangat penting bagi sebuah blog, Karena dengan komentar pengunjung dapat memberikan saran, kritik serta pertanyaan kepada pemilik blog. Kali ini kita akan membahas mengenai cara membuat tombol buka tutup komentar disqus yang ada pada sebuah blog.

Dengan memasang tombol buka tutup komentar pada blog anda akan membuat performa blog anda menjadi lebih baik dan keren. Oleh karena itu saya kira penting untuk saya membagikan artikel ini kepada anda para blogger.

Komentar dengan menggunakan disqus memiliki kelebihan dan kekurangan, Karena disqus bukan merupakan fitur bawaan dari blogger jadi untuk memasang disqus anda harus menambahakan beberapa script.

Cara Membuat Tombol Buka Tutup Komentar Disqus
Cara Membuat Tombol Buka Tutup Komentar Disqus


Cara Membuat Tombol Buka Tutup Komentar Disqus


Kelebihan dari komentar blog yang memakai disqus adalah tampilan dari komentar akan lebih menarik dan terlihat keren. Akan tetapi memasang disqus juga memiliki kekurangan yaitu adanya iklan yang muncul di komentar disqus.

Oleh karena itu dengan menggunakan fungsi dara buka tutup komentar anda dapat menyembunyikan iklan tersebut. berikut ini cara untuk membuat tombol buka tutup komentar disqus.

Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blogger


Langkah 1: Masuk Ke Edit HTML
Masuk ke pembahasan pertama tama pastikan anda sudah masuk ke dasbor dari blogger yang akan dipasang tombol buka tutup komentar. Setelah itu, Silahkan masuk ke Edit HTML.

Langkah 2: Cari Kode
Setelah itu silahkan anda cari kode seperti yang ada di bawah ini.

<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>

Langkah 3: Ganti Dengan Kode Dibawah Ini
Setelah anda menemukan kode diatas maka, Silahkan anda select kembali lalu gantikan dengan kode berikut ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.buka-komen,.tutup-komen{font-family:inherit;background-color:#11589D;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:20px 0 0;cursor:pointer;}
.buka-komen{display:block;margin-bottom:20px}
#comments-box{display:none}
</style>
<div aria-label='Buka Komentar' class='buka-komen' id='buka-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;none&quot;' role='button' tabindex='0'>Buka Komentar</div>
<div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;block&quot;' role='button' tabindex='0'>Tutup Komentar</div>
</b:if>
<div id='comments-box'>
        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>
          </div>

Silahkan anda ganti beberapa koding diatas. Anda bisa mengganti jenis font, ukuran font, warna box, ukuran tombol dan banyak lagi.

Langkah 4: Save
Setelah melakukan pengeditan serta pemasangan kode. Silahkan anda save dan lihat hasilnya.

Pada dasarnya dengan membuat tombol buka tutup komentar ini tidak membuat blog anda menjadi lebih cepat atau pun tidak melakukan loading ketika tombol belum di klik. Tetapi tidak, Loading blog akan sama saja.

Selain membuat tombol buka tutup komentar disqus anda juga bisa mengganti nama moderator di komentar disqus. Cara Mengganti Moderator di Komentar Disqus

Itu tadi cara membuat tombol buka tutup komentar disqus, Terimakasih telah berkunjung semoga artikel blogging ini bermanfaat bagi anda yang membutuhkan. Jangan lupa baca artikel dari artikelcara.com lainnya.

Berlangganan update artikel terbaru via email:

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel