Cara membuat Komentar di blog bisa membuka dan menutup (buka dan Tutup komentar Blogger)

Saya akan membagikan bagaimana cara untuk membuat komentar blog anda bisa membuka dan menutup atau komentar nantinya akan muncul jika kita mengklik "Tampilan komentar" dan akan hilang jika kita mengklik "Sembunyikan Komentar"

Persiapan

Sebelum memulai lebih baiknya anda siapkan cemilan dan segelas Air kopi untuk lebih rileks, sebagai keamanan lebih baik anda back up atau cadangkan dulu Template anda sebelum menerapkan Atau menambahkan kode baru didalamnya

Baiklah kita langsung mulai aja, bagaimana cara menerapkan nya pada blog anda

Cara Penerapan

1. Login keakun blogger kamu

2. Pergi ke Template dan Pilih edit HTML

3. Cari kode ]]></b:skin> atau kode </style> dan letakkan kode CSS berikut tepat diatasnya

/* Buka Tutup Komentar by Icloudice */

.hide-content{ font-family: Poppins,sans-serif ;font-weight:500;display:none;margin:0;padding:0;}

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

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

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

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

4. Selanjutnya cari kode seperti dibawah ini

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

Biasanya terdapat 2 kode seperti itu

Silahkan anda ganti kedua kode tersebut dengan kode dibawah ini

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;"> Tampilkan Komentar</a>

<div class='clear'/>

        <div class='comments hide-content' id='comments'>

<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;"> Sembunyikan Komentar</a>

<div class='clear'/>

5. Kemudian tambahkan script kode dibawah ini tepat diatas kode </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>

6. Simpan Template dan lihat hasilnya

Penutup

Begitulah cara untuk membuat komentar blog anda bisa membuka dan menutup untuk memperbagus tampilan blog serta bida mempercepat loading blog anda