Cara Membuat Show Hidden Command Blog

Cara Membuat Show Hidden Command Blog. Alhamdullilah Alexa ranking blogku perlahan-lahan turun itu berarti teman-teman udah meluangkan waktunya untuk blogwalking ke blog saya. Thanks ya kawan atas kunjungannya insyaallah aku akan mampir ke blog kalian. kemarin saya sudah mengshare cara memindahkan tanggal komentar di sebelah author, nah kalau tutorial ini sekarang membahas mengenai memodifikasi kotak komentar dengan tombol show hidden comment. Funsi sebenarnya dari ini ialah terutama untuk blog yang sering kebanjiran komentar dari pengunjung seperti blognya Kang Rohman. 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. Cara menyembunyikan komentar seperti ini :

Seperti biasa login dulu ke account blogger kalian.

Pilih rancangan kemudian Edit HTML Jangan lupa centang Expand Template Widget.

Cari Kode berikut ]]></b:skin> Setelah itu masukkan kode ini diatasnya.

.commenthidden {display:none}
.commentshown {display:inline}

Setelah itu cari lagi kode berikut </head>

Setelah ketemu letakkan kode script di bawah ini tepat diatas kode </head>

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

Masih belum selesai sob cari lagi kode beriku ini <dl id='comments-block'> Kemudian salin kode dibawah ini tepat sebelum kode tersebut.

<a aiotitle='click to expand' href='javascript:togglecomments("comments-block")'rel='nofollow'><b>
+/-]Click to Show or Hide Old Comments</b></a>
<dl class='commenthidden' id='comments-block'>