Buat Komentar Blog Jadi Show Hide

Komentar Blog Disembunyikan, Tips dan Trik Blog

Hai sobat online, kali ini saya akan membagikan cara membuat komentar di blog bisa show or hide. Selain untuk menampilkan dan menyembunyikan komentar sebagian orang beranggapan juga bahwa kegunaanyan untuk meringankan loading dan mempercantik blog. Jika sobat semua tertaring untuk menjadikan komentar blog sobat bisa disembunyikan seperti blog saya ini, sobat bisa menyimak postingan ini dengan seksama. 

Berikut Cara Buat Komentar Blog Jadi Show Hide.

1. Silahkan login ke akun Blogger => Tema => Edit HTML.
2. Copy dan Pastekan kode CSS dibawah ini tepat sebelum kode ]]></b:skin> atau </style>.
<style type='text/css' >
/* 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:#555;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
#comments a.hiddencontent {background:#fff;color:#555;transition:all .3s} a.showcontent:hover{background:#fff;color:#555;} #comments a.hiddencontent:hover{background:#555;color:#fff;}
</style>
3. Masukkan kode Javascript dibawah ini tepat diatas </body>.
<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"))};
// Show and Hide Comments //]]>
</script>
4. Lalu silahkan cari kode seperti ini <div class=’comments’ id=’comments’> biasanya akan menemukan dua kode, silahkan ganti kedua kode tersebut dengan kode 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'>
<div class='clear'/>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a>
5. Selesai silahkan simpan tema tersebut. Untuk melihat hasilnya sobat online silahkan lihat komentar pada blog ini.

Sekian artikel Buat Komentar Blog Jadi Show Hide jika kamu memiliki saran, komentar, atau ada yang dibingungkan silahkan tinggalkan di kolom komentar ya. Terima kasih atas kunjungannya diartikel ini sob, jangan lupa untuk berkunjung kembali. Semoga artikel ini bisa bermanfaat, sampai jumpa diartikel berikutnya.