Cara Memasang Show & Hide Pada Komentar Blog

Cara Memasang Show & Hide Pada Komentar Blog dengan Onclick

1. Pertama login ke Blogger.com > Theme/tema > Edit HTML.

2. Cari kode

Gunakan CTRL+F Untuk mempermudah pencarian

3. JIka sudah ketemu, ganti kode tersebut dengan kode dibawah ini.

4. Selanjutnya, silahkan cari lagi kode ]]>

atau kode

5. Jika sudah ketemu salah satu kode diatas, copy dan pastekan kode dibawah ini diatas kode tersebut.

/* Show and Hide Comments */

.hide-content{display:none;margin:0;padding:0;}

a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}

#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}

a.showcontent:hover{background:#fff;color:#5593f0;}

#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

6. Berikutnya cari lagi kode

7. Jika sudah ketemu, copy dan pastekan kode dibawah ini tepat diatas kode tersebut.

8. Simpan Template!