×

search by faronesia.com

Faronesia WebDesign

Tutorial & Blogger Design by faronesia.com

Fullscreen mode
Normal mode

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 Response to "Cara Membuat Show And Hide Komentar Blogger"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Donasi ke faronesia.com

Hallo sobat Faronesia, Anda dapat memberikan suport kepada kami dengan cara memberikan donasi, yang mana nantinya donasi tersebut akan kami gunakan untuk pengembangan dan memperpanjang domain Faronesia.

NAMA : Hazira Azza Faroni
BANK BRI : 6642-01-030178-53-6
PULSA TSL : 081229706872
PULSA TREE : 0895366135403
Selesai