Cara Menciptakan Lihat Dan Sembunyikan Komentar

Link , Wordpress    Comment   

Pasti salah satu atau malah hampir semua postingan blog kita menerima komentar yang banyak, sehingga halaman blog kita menjadi semakin panjang. Jika ada seratus komentar, sanggup dibayangkan halaman post tersebut akan memanjang ke bawah. Oleh lantaran itulah, kita sanggup menggunakan cara ini, adalah menciptakan perintah perlihatkan dan sembunyikan komentar.

Sayangnya di bloggger.com atau blogspot belum ada fitur untuk mengatur (setting) jumlah komentar yang ditampilkan menyerupai di wordpress. Komentar yang banyak sanggup ditampilkan menjadi beberapa halaman, contohnya 10 komentar terbaru, dan 10 komentar sebelumnya tidak ditampilkan hanya diberi tautan 'komentar sebelumnya'. Di blogspot sendiri untuk fitur menyerupai itu hanya berlaku jikalau komentar lebih dari 200, atau per 200an. Oleh lantaran itulah trik ini sanggup menjadi alternatif.

Nantinya akan tautan (link) di bawah area post, adalah pilihan untuk LIHAT KOMENTAR, ketika link itu diklik, maka komentar-komentar akan terlihat. Kemudian ketika komentar tampil maka link LIHAT KOMENTAR akan berganti SEMBUNYIKAN KOMENTAR. Penasaran untuk mencoba? Simak cara menampilkan dan menyembunyikan (show and hidden) komentar, berikut ini:

Cara Menyembunyikan dan Menampilkan Komentar
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode ]]></b:skin> kemudian taruh isyarat berikut di atasnya

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
    }a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
    }a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
    }div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;} 

5. Cari kode </head> kemudian taruh isyarat berikut di atasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    var panelSelector = '#comments',
    openPanelText = "<center><b>LIHAT KOMENTAR</b></a></center>",
    closePanelText = "<center><b>SEMBUNYIKAN KOMENTAR</b></a></center>",
    slideDownPanelSpeed = 800,
    slideUpPanelSpeed = 300;
    //]]>
    </script>
    <script type='text/javascript'>
    </script>
    <script src='http://misbahudin-dcaesga.googlecode.com/files/show-hide.js' type='text/javascript'/>

6. Simpan template jikalau sudah selesai

Dengan memasang show hidden atau tampilankan dan sembunyikan komentar, semakin menciptakan space blog menjadi lebih hemat. Tentu pembaca sanggup lebih fokus pada postingan blog sebelum melihat atau memberi komentar.
Sumber https://www.kurniasepta.com/