Widget komentar sanga berguna bagi sebuah website dan juga dengan adanya kometar blog dapat meningkatkan peforma blog. Blogger atau website yang mempunyai kolom kometar secara tidak langsung memberikan peluang pada pengunjung untuk melakukan komunikasi dan berdiskusi seputart artikel yang di bahas pada website tersebut.
Namun komentar yangmembludak atau kebanyakan akan terlihat sangat jelek dan kurang menarik. Namun jika komentar yang di tampilkan di dalam blog sedikit akan masih enak untuk di pandang. Terus bagaimana solusinya?
Untuk mengatasi hal tersebut kita bisa untuk membuat widget menampilkan dan menutup kolom komentar pada blog. Silahkan cari kode di bawah ini dengan menekan tombol crl +f dan pastekan untuk mencari kode di bawah ini.
<div class='comments' id='comments'>Jika kamu menggunakan templte viomagz, kamu akan menemukan 2 kode tersebut. Silahkan pilih ganti kode yang paling atas.
<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'/>Selanjutnya cari kode ]]></b:skin> dan tmabahkan kode di bawah ini tepat di atasnya.
.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;}#5593f0 merupakan kode warna yang digunakan pada tampilan Buka Komentar.
#acb3b8 merupakan kode warna yang digunakan pada tampilan Tutup Komentar
Selanjutnya cari kode </body> lalu pastekan kode di bawah ini di atasnya.
<script type='text/javascript'>
//<![CDATA[
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>Jika sudah silahkan save template blog kalian