Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon

Pada kesempatan malam ini saya akan memberikan tutorial cara membuat tombol buka tutup komentar disqus pada blog ala mastimon yang seperti ini.

fungsi nya sendiri yah banyak yang bilang sih mempercepat loading blog nya karena kolom komentar bawaan dari blogger sendiri yah bersifat publish tidak ada  tombol buka tutup dan tombol buka tutup komentar ini saat friendly sekali tentu nya buat kalian yang para blogger yang visitor nya banyak dari smartphone karena bisa mempercepat loading blog anda juga tentu nya dan sangat di sukai sekali para visitor yang menggunakan smartphone.

pada blog ini sendiri saya menggunakan tombol buka tutup komentar saya berfikir tombol buka tutup komentar membuat blog saya loading nya tambah cepat dan untuk anda yang ingin menggunakan script ini di sarankan menggunakan disqus di karena bawaan blogger masih banyak kelemahan tentu nya.

sebenar tutorial ini banyak sekali bertebaran di google yah tetapi tutorial yang saya dapat dari blog mastimon ini sendiri sangat mudah sekali tentu nya anda tidak perlu banyak menghapus banyak script seperti tutorial yang saya temukan bertebaran di google sana anda tidak perlu pandai coding tentu nya karena sangat mudah sekali.

Oke lanjut saja inilah Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon yang sangat mudah sekali untuk kalian para newbie.

oke langkah pertama untuk membuat tombol buka tutup komentar disqus anda bisa mencari kode di bawah ini jangan lupa menuju edit HTML terlebih dahulu.

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

jika anda sudah menemukan kode tersebut anda bisa mengganti nya dengan kode bawah ini supaya kolom komentar pada blog anda bisa menjadi buka tutup.

<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>

Jika sudah silahkan anda klik save template dan anda lihat apakah sudah berfungsi tombol buka tutup komentar nya dan pastikan tidak ada error saat edit HTML.

sangat mudahkan Cara Membuat Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon semoga bisa mempercepat dan memperindah blog anda semoga artikel ini bermanfaat bagi anda tentu nya dan saya sendiri sangat berterimakasih pada mastimon adiyoso.