Menampilkan Show Hidden Comment di Blog

Perlu temen-temen ketahui blog saya ini baru berusia 2 bulan, mulai dari bulan Desember kemarin saya bikin blog ini. Kalau temen-temen nanya masalah komentar yang masuk, yah tentu saja masih sedikit. Nah, tutorial kali ini ada hubungannya dengan komentar, setelah sebelumnya saya sudah membahas tentang memasang reply pada kotak komentar, kali ni saya akan berbagi ilmu dengan anda tentang cara  menampilkan dan menyembunyikan komentar yang masuk kalau bahasa inggrisnya show hidden comment.


Sebenarnya fungsi dari show hidden comment ini terutama untuk blog yang sering kebanjiran komentar dari pengunjung seperti blognya Kang Rohman, Mas Doyok, O-om tiga orang pendekar blogger yang sudah mempunyai ilmu yang sangat tinggi. Dengan menyembunyikan komentar dapat menambah ruang pada blog. Cara kerjanya sepeti ini : komentar dari pengunjung akan disembunyikan dan akan muncul apabila anda atau pengunjung menge-klik tulisan seperti ini [+/-]Click to Show or Hide Old Comments. Untuk langkah-langkah pembuatannya adalah sebagai berikut :
  1. Jika anda seorang blogger, login dulu dengan akun anda
  2. Kemudian pilih rancangan 
  3. Terus klik Edit HTML  Jangan lupa centang Expand Template Widget.
  4. Cari kode berikut ]]></b:skin> setelah itu masukkan kode ini diatasnya.
    .commenthidden {display:none}
    .commentshown {display:inline}
  5. Setelah itu cari lagi kode berikut </head>
  6. Setelah ketemu letakkan kode script di bawah ini tepat diatas kode </head>
  7. <script type='text/Javascript'>
    function togglecomments (postid) {
    var whichpost = document.getElementById(postid);
    if (whichpost.className==&quot;commentshown&quot;) {
    whichpost.className=&quot;commenthidden&quot;;
    }
    else {
    whichpost.className=&quot;commentshown&quot;;
    }
    }
    </script>
  8. Langkah berikutnya cari lagi kode berikut ini <dl id='comments-block'> Kemudian copy kode dibawah ini tepat sebelum kode tersebut.
    <a aiotitle='click to expand' href='javascript:togglecomments(&quot;comments-block&quot;)'rel='nofollow'><b>
    +/-]Click to Show or Hide Old Comments</b></a>
    <dl class='commenthidden' id='comments-block'>
  9. Klik Simpan.
Anda bisa ganti tulisan yang saya cetak tebal "+/-]Click to Show or Hide Old Comments" dengan tulisan yang bercetak tipis, eh salah.... Dengan tulisan yang anda inginkan, selamat mencoba dan happy blogging.
Share this article :

Posting Komentar

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Belajar Blogspot - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger