Hello sobat icloudZer kali ink saya akan memberikan informasi mengenai bagaimana caranya membuat komentar blog bisa membuka dan menutup atau komentar nantinya akan muncul jika kita mengklik "Tampilan komentar" dan akan hilang jika kita mengklik "Sembunyikan Komentar"
Info: Oke sobat icloudZer jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung saja kita bahas secara bersama sama
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 sekarang saatnya admin bakalan menjabarkan bagaimana caranya membuat tombol komentar bisa hide and show di blogger, simak baik baik penjabaran serta langkah langkah yang bakalan admin jelaskan di bawah ini
Cara Penerapan
- Login keakun blogger kamu
- Pergi ke Template dan Pilih edit HTML
- Cari kode ]]></b:skin> atau kode </style> dan letakkan kode CSS berikut tepat diatasnya
- Selanjutnya cari kode seperti dibawah ini
- Silahkan anda ganti kedua kode tersebut dengan kode dibawah ini
- Kemudian tambahkan script kode dibawah ini tepat diatas kode </body>
- Simpan Template dan lihat hasilnya
/* 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;}
<div class='comments' id='comments'>
Biasanya terdapat 2 kode seperti itu
<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'/>
<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>
Begitulah cara untuk membuat komentar blog anda bisa membuka dan menutup untuk memperbagus tampilan blog serta bida mempercepat loading blog anda