cara membuat buka tutup komentar di blog

fagas official~pada kesempatan kali ini saya akan membagikan sedikit tutorial blogger yaitu cara membuat buka tutup komentar di blog.selain membuat tampilan komentar blog menjadi lebih simple cara membuat buka tutup komentar di blog juga akan membuat loading blog menjadi semakin ringan

pastinya anda sudah sering melihatnya di beberapa blog yang menggunakan fitur ini,cara kerja fitur komentar ini sendiri adalah dengan cara anda harus menekan buka tutup terlebih dahulu,jadi tidak terbuka otomatis.setelah anda menerapkan fitur ni pastinya tampilan blog akan menjadi tidak sangat panjang dan enak dilihat.

cara membuat buka tutup komentar di blog

terlebih dahulu masuk blogger anda masing masing

pilih tema > eedit html

cari kode <div class='comments' id='comments'> jika sudah ketemu hapus saja kode tersebut(biasanya terdapat 2 kode seperti itu) lalu ganti dengan kode berikut

<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 cari kode ]]></b:skin> lalu letakan kode css dibawah ini tepat diatasnya

/* Show and Hide Comments */ .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:#f24a4a;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s} #comments a.hiddencontent {background:#f24a4a;color:#fff;transition:all .3s} a.showcontent:hover{background:#fb5656;color:#fff;} #comments a.hiddencontent:hover{background:#f24a4a;color:#fff;}

selanjunya cari kode </body> dan masukan kode dibawah ini tepat diatas kode tersebut

<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>

terakhir simpan dan lihat hasilnya

akhir kata

sekian tutorial singkat cara membuat buka tutup komentar di blog semoga mudah untuk dipahami dan jika anda merasa tutorial ini bermanfaat jangan lupa share dan bagi anda yang belum paham bisa ditanyakan melauli kolom komentar,terimakasih.

Share this post