Cara Menciptakan Tombol Buka Tutup Komentar Disqus Pada Blog Ala Mastimon

Pada kesempatan malam ini aku akan memperlihatkan tutorial cara menciptakan tombol buka tutup komentar disqus pada blog ala mastimon yang ibarat ini.

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

pada blog ini sendiri aku memakai tombol buka tutup komentar aku berfikir tombol buka tutup komentar menciptakan blog aku loading nya tambah cepat dan untuk anda yang ingin memakai script ini di sarankan memakai disqus di alasannya bawaan blogger masih banyak kelemahan tentu nya.

sebenar tutorial ini berbagai bertebaran di google yah tetapi tutorial yang aku sanggup dari blog mastimon ini sendiri sangat gampang sekali tentu nya anda tidak perlu banyak menghapus banyak script ibarat tutorial yang aku temukan bertebaran di google sana anda tidak perlu terpelajar coding tentu nya alasannya sangat gampang sekali.

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

sepakat langkah pertama untuk menciptakan tombol buka tutup komentar disqus anda sanggup mencari instruksi 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'/>

kalau anda sudah menemukan instruksi tersebut anda sanggup mengganti nya dengan instruksi bawah ini supaya kolom komentar pada blog anda sanggup 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 dikala edit HTML.

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