Cara Sembunyikan & Tampilkan Komentar Blogger - Halo Sobat NapaRom, Pada Artikel yang sobat baca kali ini dengan judul Cara Sembunyikan & Tampilkan Komentar Blogger, khusus untuk sobat pembaca sedia blog NapaRom. mudah-mudahan isi artikel atau postingan Artikel Blogging, yang saya tulis ini dapat sobat pahami. baiklah, selamat membaca.
Judul : Cara Sembunyikan & Tampilkan Komentar Blogger
link : Cara Sembunyikan & Tampilkan Komentar Blogger
Cara Sembunyikan & Tampilkan Komentar Blogger
Cara Menyembunyikan dan Menampilkan Komentar Blogger. Artinya, kotak komentar disembunyikan, agar memuat blog lebih cepat. Kotak komentar baru muncul ketika diklik. Beginilah tampilannya:
- Tema > Edit HTML
- Temukan kode berikut:
<div class='comments' id='comments'>
- Akan ada dua atau lebih kode semacam itu. Ganti yang kedua atau coba yang lain, 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'/>
- Simpan kode CSS di atas kode berikut ]]></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;}
- Salin dan sisipkan kode JavaScript berikut 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>
- Simpan Template. Silakan lihat hasilnya.
Demikian Cara Menyembunyikan & Menampilkan Komentar Blogger. Semoga berhasi..
Sekian Artikel Cara Sembunyikan & Tampilkan Komentar Blogger
Sampailah kita pada akhir artikel Cara Sembunyikan & Tampilkan Komentar Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk sobat semua. baiklah, sampai jumpa di postingan artikel lainnya.
sobat sekarang membaca artikel Cara Sembunyikan & Tampilkan Komentar Blogger dengan alamat link https://naparom.blogspot.com/2018/06/cara-sembunyikan-tampilkan-komentar.html
EmoticonEmoticon