Cara menyembunyikan komentar pada postingan

Kalo kemarin Tia bikin postingan tentang cara optimalisasi shoutbox, di postingan yang sekarang Tia mo berbagi ke kakak-kakak semua tentang cara menyembunyikan komentar pada postingan, yang insya Allah berguna banget jika jumlah kometar di tiap postingan kakak lebih dari 10 komentar.

Awalnya permintaan dari kakak-kakak yang rajin kasi komen ke postingan Tia yang ngusulin supaya Tia pasang Emoticon di kotak komentar trus setelah cari referensi dan Tia tanya sana sini, alhamdulillah bisa dan berhasil juga sekarang kakak bisa kasi komentar dengan emoticon yang lucu-lucu coz komentarnya makin banyak, tampil semua n memanjang di bawah postingan akhirnya kotak komentarnya juga ikutan terjun bebas deh kependem dipaling bawah yang jelas itu bakal nyusahin kakak-kakak yang laen kalo mo kasi komentar di postingannya Tia.

Tapi sekarang Tia punya solusinya kak, hasil dari pencarian di mbah google dan ngintip di humnya kakak-kakak senior juga coba deh kakak liat tulisan blinking " Liat Komentar kakak yang lain Yuk.." di atas kotak komentarnya Tia, kalo di klik bakal muncul semua loh komen yang udah kakak tulis untuk postingan Tia itu, mudah-mudahan ini juga bisa menjawab pertanyaan kak f.uf.u, kak Tomie dan kak Bagir soal komentar Tia yang "hilang" kakak mau juga kan yang kayak gitu, caranya gampang banget kok, kita bahas bareng-bareng yah

1. Langkah pertama Login ke www.blogger.com masukin username dan passwordnya kakak

2. Klik di Layout>> Edit Html trus klik di Expand Widget template oiya kak, jangan lupa untuk selalu men download full template dulu setiap mo edit Html, yah sekedar buat jaga-jaga aja sih

3. kakak cari kode ini :
.feed-links {
clear: both;
line-height: 2.5em;
margin-left: 13px;
}

kalo udah ketemu kakak kopas kode berikut tepat diatas nya
.commenthidden {
display:none
}
.commentshown {
display:inline
}

4. Trus kakak cari kode ini lagi </head> trus kakak kopas kode berikut tepat diatas nya
<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>

Ayo kak semangatt..... dikit lagi selesai kok

5. Langkah selanjutnya kakak cari kode ini
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

atau kalo nga ketemu kode ini sama aja kak

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

kalo udah ketemu, kopas kode berikut tepat diatas nya

<base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments (&quot;comments-block&quot;)' rel='nofollow'><b> <center><blink>Komentar kakak yang lain</blink></center></b></a></h2></base>
<dl class='commenthidden' id='comments-block'><br/>

trus kakak tambahkan kode </dl>

hingga hasil akhirnya jadi kayak gini kak :
<base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments (&quot;comments-block&quot;)' rel='nofollow'><b> <center><blink>Komentar kakak yang lain</blink></center></b></a></h2></base>
<dl class='commenthidden' id='comments-block'><br/>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
...dan seterusnya sampai...
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</dl>

Warna yang kuning bisa kakak ganti dengan tulisan apa aja sesuai keinginan kakak

6. Selesai kak jangan lupa klik Preview dolo sebelum kakak klik Save Template, biar lebih yakin ajah sih kak

Kalo sukses, mulai sekarang, komentarnya kakak bakal tersembunyi semua di bawah postingan, jadi tampilan nya nga terlalu memanjang lagi kak oiya kak, kode-kode ini udah Tia tes n pake sendiri di blog ini persis sama, jadi kalo nti dicoba ditempat kakak n nga berhasil berarti ada kesalahan kopas di cek ulang lagi aja yah kak


Jangan lupa kasi komentarnya yah kak... yuk mari