Home » » Menampilkan Show Hidden Comment di Blog

Menampilkan Show Hidden Comment di Blog

Written By Direktur Iklan on Selasa, 08 Februari 2011 | 20.37

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 :
 
Copyright © 2012. puteri widyasari - All Rights Reserved
Template Created by Creating Website
Proudly powered by Blogger