KALI ini CB Blogger share tentang Cara Menyembunyikan Kotak Komentar Blogger - Hide & Show Blogger Comments. Maksudnya, kotak komentar disembunyikan, biar loading blog lebih kenceng.
Sang kotak komentar baru muncul saat diklik. Begini tampilannya nih:
Itu dia Cara Menyembunyikan Kotak Komentar Blogger - Hide & Show Blogger Comments. Bagus 'kan?
Cara Menyembunyikan Kotak Komentar Blogger
Begini Cara Menyembunyikan Kotak Komentar Blogger alias Hide & Show Blogger Comments.1. Tema > Edit HTML
2. Cari kode berikut ini:
<div class='comments' id='comments'>
3. Akan ada dua atau lebih kode seperti itu. Ganti YANG KEDUA saja, dengan kode 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'/>
4. CSS
Simpak kode CSS berikut ini di atas kode ]]></b:skin> atau </style>
/* 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;}
5. JavaScript
Copas kode berikut ini di atas kode </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>
6. Save!
Simpan Template. Silakan lihat hasilnya.
Demikian Cara Menyembunyikan Kotak Komentar Blogger - Hide & Show Blogger Comments. Good Luck & Happy Blogging! (www.contohblog.com).*
Sumber
Thanks for reading Cara Menyembunyikan Kotak Komentar Blogger - Hide & Show Blogger Comments | Labels:
Desain Blog
Bg, Gimana caranya agar Tulisan Blog kita tidak bisa dilakukan copy paste orang lain?
ReplyDeleteSaya melihat ada beberapa blog yang mencegah orang lain melakukan aksi copy paste pada tulisannya, bahkan halamannya tidak bisa disimpan saat kita tekan "Ctrl" + "S"
Silaka buka:
Deletehttp://www.contohblog.com/2014/05/kode-anti-copas-matikan-klik-kanan-disable-ctrl-u.html