Peek a Boo Trick Pada Komentar

Komentar merupakan suatu hal yang sangat penting dalm suatu blog. Komentar merupakan salah satu alat untuk mengetahui seberapa artikel kita disukai oleh pengunjung kita. Komentar juga berfungsi sebagai alat untuk bertanya suatu hal kepada pemilik blog tentang sesuatu hal mengenai artikelnya, ada juga yang menggunakan komentar sebagai media promosi. Dan disebagian blog yang menerapkan sistem DOFOLLOW, ini bisa sebagai alat untuk mendapatkan backlink gratisan. Blog yang sudah terkenal, misalnya blognya Kang Rohman memiliki komentar yang berjibun...sampai-sampai kalau kita mau menulis komentar harus mencari terlebih dulu form komentarnya. Sampai pegel tuh tangan kita mencarinya. Blog sobat juga memiliki komentar yang banyak? Jangan cemas sobat...kita bisa menyembunyikan komentar yang sudah ada. Ketika pengunjung atau kita sendiri ingin melihat komentarnya, tinggal mengklik langsung muncul. Saya namakan Peek a Boo style. Sangat simple. Hanya memasukan beberapa kode pada template kita. Adapun caranya yaitu:

1. Tambahkan kode dibawah ini sebelum kode ]]></b:skin>
.commenthidden {display:none}
.commentshown {display:inline}


2. Cari kode berikut <dl id='comments-block'> . Kemudian salin kode dibawah iin ini tepat sebelum kode tersebut.

<a aiotitle='Hide Comments' href='javascript:togglecomments(&quot;hideshow&quot;)'>[+/-]Click to Show or Hide Old Comments</a> <div class='commenthidden' id='hideshow'>

gerakkan mouse sobat kebagian bawah samapai akhirnya menemukan kode berikut, </b:loop> , biasanya sebelum kode “<b:if cond="data:post.commentPagingRequired"> “.
Kemudian salin lagi kode berikut “ <a aiotitle='Hide Comments' href='javascript:togglecomments(&quot;hideshow&quot;)'>[+/-]Click to Show or Hide Old Comments</a> “. Salinnya sebelum kode </b:loop>.


3. langkah selanjutnya yaitu menambahkan script kedalam template sobat.

<script type='text/Javascript'>function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }} </script>

Tambahkan kode script tersebut sebelum kode </head>.


4.Simpan templatenya, kemudian lihat hasilnya. Sobat bisa mengganti kata-kata “ [+/-]Click to Show or Hide Old Comments “ dengan kata-kata yang sobat inginkan.

Semoga bermamfaat.

Salam
tipsandcara

Silahkan bertanya apabila mengalami kendala dalam mengaplikasikannya.
Print this post

Bookmark this post: