NaB6NaZ5NaV8Nat6NaN5Mqp4LSMkyCYhADAsx6J=
MASIGNCLEANSIMPLE103

Cara Membuat Buka Tutup Komentar Di Template Blogger Kompi Flexible Non AMP

Cara Membuat Buka Tutup Komentar-Pada kesempatan ini saya akan memberikan cara membuat buka tutup komentar yang menggunakan sistem komentar di Disqus, Blogger, Facebook di Template Kompi Flexible Non AMP.

Komentar yang terdapat di template kompi flexible bisa kalian sistem Buka Tutup seperti yang terdapat pada blog saya Aulaku.Com ini. membuat sistem komentar buka tutup merupakan cara agar  banyak komentar yang terdapat di blog tidak tampil sehingga juga dapat mengganggu para pembaca .
Cara buka tutup komentar bisa kalian lakukan secara mudah dengan mengedit di menu Edit Tema, dan untuk kalian yang menggunakan template kompi flexible untuk membuat buka tutup komentar kalian bisa simak secara lengkap di bawah ini.

Cara  Membuat Buka Tutup Komentar  Di Template Blogger Kompi Flexible Non AMP

Mari kita selanjutnya bahas cara buka tutup komentar  di template blogger kompi flexible di mudah melalui tutorial di bawah ini.

1. Silahkan kalian login ke akun blogger kalian

2. Kalian pilih Tema > Edit Tema

3. Silahkan kalian klik sembarang dan tekan pada keyboard CTRL + F
4. Cari kode di bawah ini.

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

5. Setelah kalian ketemu silahkan kalian ganti kode tersebut dengan kode di bawah 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>
6.  Silahkan kalian rubah warna, font tulisan, dan ukuran tulisan yang di blok di atas dengan warna dan font keinginan kalian.kode Html di atas sebenarnya tidak menghambat akan loading Disqus.
Bagaimana tutorial pada kali  cukup mudah bukan  cara membuat buka tututp komentar di template kompi flexible  yang menggunaka n sistem komentar Disqus, Blogger , Dan Facebook. semoga bermanfaat jangan lupa like, komentar dan share teman pembaca sekalian.


Share This Article :
Moh. Shahibul 'Ulum

Saya seorang orang yang suka membaca, menulis, dan melakukan hal yang berkaitan dengan Dunia Teknologi. serta khususnya Search Engine Optimization.

Terimakasih anda sudah berkunjung dan jangan lupa share artikelnya
3673083153873386998