Cara Membuat Show atau Hide Komentar
Postingan kali ini saya akan membahas bagaimana Cara Membuat Show atau Hide Komentar (Tampilkan atau Sembunyikan Komentar)Berikut cara membuatnya :
Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisanExpand Template Widget
Lalu cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
Jika sudah ketemu, Copy kode berikut dan Paste di atas kode tersebut
.commenthidden {display:none}
.commentshown {display:inline}
Setelah itu cari kode </head>
Jika sudah ketemu, Copy kode script berikut dan Pastedi atas kode tersebut
<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden";
}
else {
whichpost.className="commentshown";
}
}
</script>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden";
}
else {
whichpost.className="commentshown";
}
}
</script>
Cari Kode seperti berikut :
<dl id='comments-block'>
Jika sudah ketemu, Hapus kode tersebut, dan ganti dengan kode dibawah ini:
<a aiotitle='click to expand' href='javascript:togglecomments("comments-block")'rel='nofollow'><b>
Show or Hide Comments</b></a>
<dl class='commenthidden' id='comments-block'>
Show or Hide Comments</b></a>
<dl class='commenthidden' id='comments-block'>
Keterangan : kode yang berwarna biru bisa sobat ganti sesuai keinginan.
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
0 komentar:
Posting Komentar