Cara Sembunyikan Dan Tampilkan Komentar Blogger

FAST DOWNLOADadsCara 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 sanggup melampiaskan perasaan suka atau tidak suka pada posting. Kotak Komentar dianggap mengganggu oleh pengunjung terutama komentar yang ditampilkan sangat besar.

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

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

3. Akan ada dua atau lebih arahan semacam itu. Ganti yang kedua atau coba yang lain, dengan arahan 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 arahan CSS di atas arahan 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 arahan JavaScript berikut di atas arahan </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 info wacana Cara Sembunyikan dan Tampilkan Komentar Blogger. Maaf bila ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap info ini bermanfaat.FAST DOWNLOADads| Server1 | Server2 | Server3 |