×

search by faronesia.com

Faronesia
Profesional and Specialist ReDesign Template blogger

Cara Membuat Show And Hide Komentar Blogger

Faronesia.com - Pada dasarnya komentar blog memiliki fungsi yang beragam seperti media kritik dan saran dari setiap pengunjung/pembaca yang kunjung pada artikel kita, mendapatkan lebih banyak teman blogger, meningkatkan return visitor dan lain sebagainya.

Namun jika komentar sudah terlampau banyak juga akan menimbulkan masalah baru seperti, tingkat proses kecepatan pemuatan loading lebih lambat, memenuhi dalam satu halaman, susah untuk memenejerial kembali sebab komentar sudah terlalu banyak, dan lainnya harus cepat anda atasi. Bagaimana cara mengatasinya? Mari bahas bersama-sama terlebih dahulu.

Show And Hide Komentar Blogger

Show anda Hide Komentar merupakan fitur yang berfungsi untuk membuka atau menyembunyikan widget komentar yang ada di situs website atau blog anda. Jadi, fitur ini bisa menjadi salah satu solusi terbaik anda untuk mengatasi beberapa permasalahan diatas yang sudah disebutkan.

Tujuan Show And Hide Komentar Blogger

Tujuannya dari penambahan fungsi tersebut adalah untuk meringankan loading blog pada halaman postingan, khususnya blog yang sudah banyak komentarnya hal ini sangat tepat sekali dilakukan agar meringankan beban loading blognya.

Cara Kerja Script Show And Hide Komentar Blogger

Cara kerja script ini adalah konten komentar  akan tetap tertutup sebelum anda membuka kolom komentar tersebut dengan menekan tombol show and hide. Dengan begitu tampilan postingan akan lebih ringkas dan tidak terkesan berantakan akibat banyaknya komentar.

Cara Membuat Show And Hide Komentar Blogger

Sebelum berlanjut ke tutorial Membuat Show And Hide Komentar Blogger, saya ingatkan kembali bahwa backup template anda terlebih dahulu untuk berjaga-jaga jika anda melakukan kesalahan seperti salah menempatkan kode, error, dan lainnya. Simak dan praktekkan secara teliti tutorial dibawah ini:

Tutorial Membuat Show And Hide Komentar Blogger

  • Masuk dashboard blog anda
  • Lalu masuk ke menu tema
  • Cari kode ]]></b:skin>
  • Tempelkan kode dibawah ini tepat diatas kode ]]></b:skin>
/* 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;}
  • Kemudian cari kode <div class='comments' id='comments'> kode tersebut biasanya ada 2. silahkan hapus dan ganti keduanya 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'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a>
<div class='clear'/>
  • Setelah itu Cari kode </body>
  • Tempelkan kode dibawah ini tepat diatas 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>
  • Terakhir simpan tema atau template dan lihat hasilnya
Demikianlah mengenai Cara Membuat Show And Hide Komentar Blogger semoga bermanfaat untuk para pembaca dimanapun anda berada. Jika menurut anda artikel ini bermanfaat jangan lupa share karena dengan share artikel ini sama halnya anda berpartisipasi dalam mengembangkan website faronesia.
Buka komentar
Tutup komentar

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Notifikasi pengguna

Tetap selalu terhubung dengan kami untuk menjadi bagian dari Faronesa caranya cukup dengan menekan tombol dibawah ini.

Tutup
×

Faronesia

Kami senantiasa membantu memecahkan masalah seputar desain blog melalui request tutorial

Request tutorial