Cara Menciptakan Buka Tutup Kolom Komentar Blog

Kolom komentar ialah kawasan pengunjung menawarkan komentar atau menawarkan pertanyaan terkait bahasan dalam posting blog tersebut sehingga si pemilik blog dan para pengunjung / pembaca blog sanggup berkomunikasi satu sama lain. Oleh alasannya ialah itulah kolom komentar menjadi suatu bab yang penting dalam sebuah Blog.

Akan tetapi kolom komentar menawarkan beban pemanis pada dikala blog tersebut loading sehingga waktu loading blog menjadi lebih lama, Nah untuk mengatasi permasalahan semacam ini solusinya ialah dengan cara menyembunyikan kolom komentar blog.

Dengan program menyembunyikan kolom komentar, blog akan tetap terjaga kecepatan loadingnya tanpa harus menghapus atau menghilangkan kolom komentar. Lalu bagaimana caranya menyembunyikan kolom komentar blog? Caranya ialah sebagai berikut:

Masuk ke Blogger >> Tema >> Edit HTML
Cari arahan ]]></b:skin>atau arahan </style>gunakan ctrl+F semoga simpel cari kodenya

Kemudian kopi arahan dibawah ini:

/* 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;}

kemudian paste sempurna diatas kode ]]></b:skin>atau kode </style>

Kemudian tambahkan arahan dibawah ini sempurna diatas arahan </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>

Kemudian cari dua kode: <div class='comments' id='comments'> ganti ke-2 buah arahan itu dengan arahan 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'/>