Cara Sembunyikan dan Tampilkan Komentar Blogger - Hallo sahabat Apkpure, Pada Artikel yang anda baca kali ini dengan judul Cara Sembunyikan dan Tampilkan Komentar Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Sembunyikan dan Tampilkan Komentar Blogger
link : Cara Sembunyikan dan Tampilkan Komentar Blogger

Cara Sembunyikan dan Tampilkan Komentar Blogger

Cara Sembunyikan dan Tampilkan Komentar Blogger - Fungsi show and hide berfungsi untuk menampilkan dan menyembunyikan kolom komentar blogger Anda sehingga loading blog lebih cepat. Metode kerja skrip ini cukup sederhana, kolom komentar akan tetap ditutup sebelum Anda membuka kolom komentar dengan menekan tombol show dan hide. Kotak Komentar Diperlukan oleh pengunjung untuk dapat melampiaskan perasaan suka atau tidak suka pada posting. Kotak Komentar dianggap mengganggu oleh pengunjung terutama komentar yang ditampilkan sangat besar.

Cara Sembunyikan dan Tampilkan Komentar Blogger

1. Tema > Edit HTML
2. Temukan kode berikut:

<div class='comments' id='comments'> 

3. 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'/>

4. 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;}

5.  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>

6. Simpan Template. Silakan lihat hasilnya.

Demikian informasi tentang Cara Sembunyikan dan Tampilkan Komentar Blogger. Maaf jika ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap informasi ini bermanfaat.

Demikianlah Artikel Cara Sembunyikan dan Tampilkan Komentar Blogger

Sekianlah artikel Cara Sembunyikan dan Tampilkan Komentar Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Sembunyikan dan Tampilkan Komentar Blogger dengan alamat link https://apkpure-123.blogspot.com/2019/02/cara-sembunyikan-dan-tampilkan-komentar.html

Cara Sembunyikan dan Tampilkan Komentar Blogger 2019-02-28T02:21:00-08:00 Rating: 4.5 Diposkan Oleh: BLOG LIRIK LAGU