Cara Menyembunyikan atau Menampilkan Kolom Komentar pada Postingan Blog - Kita4Suka

Cara Menyembunyikan atau Menampilkan Kolom Komentar pada Postingan Blog

Cara Menyembunyikan atau Menampilkan Kolom Komentar pada Postingan Blog

Tutorial menyembunyikan dan menampilkan kolom komentar pada postingan blog mengantinya dengan tombol untuk membuka dan menutup

Cara Menyembunyikan atau Menampilkan Kolom Komentar pada Postingan Blog

Backup dulu Template-nya sebelum mencoba

Cari kode dibawah atau yang mirip seperti kode di bawah ini,

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


Kemudian ganti dengan kode berikut,

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style> .buka-komen,.tutup-komen{font-family:inherit;background:linear-gradient(45deg, #ff6161, #ffaa66);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 simpan template dan lihat hasilnya


https://www.kompiajaib.com/2018/04/cara-mudah-show-hide-komentar-blogger.html
Please write your comments