Tombol Buka dan Sembunyikan Comment Blogger

Cari kode ini (umumnya ada dua kode spt ini)

<div class='comments' id='comments'>

Replace (timpa dengan code dibawah ini)

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a>
<div class='clear'/>
        <div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a>
<div class='clear'/>

Kemudian tambahkan kode dibawah ini sebelum ]]></b:skin> atau </style>

.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;}

Terakhir letakkan code dibawah ini sebelum </body>

<script type='text/javascript'>
//<![CDATA[
// Show and Hide Comments
function showComm(e) {
    document.getElementById(e) && ("none" != document.getElementById(e + "-show").style.display ? (document.getElementById(e + "-show").style.display = "none", document.getElementById(e).style.display = "block") : (document.getElementById(e + "-show").style.display = "block", document.getElementById(e).style.display = "none"))
};
//]]>
</script>

source

Subscribe to receive free email updates: