Cara Membuat Tombol Buka Tutup Komentar Blogger

Cara Membuat Tombol Buka Tutup Komentar Blogger. Bagi sobat yang loading blognya terlalu lambat karena terlalu banyak komentar di blog, admin punya solusinya nih, dengan menggunakan buka tutup komentar sobat bisa sedikit mempercepat loading blog karena kita tidak perlu lagi meload komentar-komentar yang ada di blog.

Penasaran kan bagaimana caranya? Yuk simak artikel berikut:

Cara Membuat Tombol Buka Tutup Komentar Blogger

1. Pertama masuk ke laman blogger sobat https://www.blogger.com.
2. Lalu klik menu tema, klik edit html.
3. Cari kode script di bawah ini dengan menggunakan fitur pencarian Ctrl + F :



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



4. Ganti kode diatas menggunakan kode di bawah ini:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.buka-komen,.tutup-komen{font-family:inherit;background:#696969;
background:-moz-linear-gradient(left,#696969 0,#000000 80%,#800000 100%);
background:-webkit-linear-gradient(left,#696969 0,#000000 80%,#800000 100%);
background:linear-gradient(to right,#696969 0,#000000 80%,#800000 100%);;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>



5. Klik simpan tema.

Selain mempercantik tampilan blog, buka tutup komentar ini juga sedikit meringankan pagespeed blog sobat. Demikian artikel kali ini semoga bermanfaat.

Tweet

Subscribe to receive free email updates: