Emang sih semuanya scriptnya hampir sama, dan memang kayaknya, bukan kayanya tapi iya copas hehe ..
tapi pada tidak pas pada blog ini, akhirnya ketem itu juga deh, Karena perkembangan menjadi HTML 5, Maka Show Hide Komentar Jquery tidak bisa diterapkan pada blog ini, Kabar buruknya juga Akses ke Code.google.com saya tidak bisa di akses, semua script tidak bisa digunakan :(
sudah di contact admin belum ada perubahan, tak apalah, Hmm maka dari itu saya cari alternatif lain :)
Lanjut Ke TKP, kalai uda jadi kaya gini nih SS nya ..
Untuk langkah langkahnya sih tetep sob,
1. Masuk akun blog sobat
2. Pilih template
3. Edit HTML
4. Centang Expand Template Widget
5. Cari Kode berikut ini.
<h4> <b:if cond='data:post.numComments == 1'>
Copy dan paste kode berikut ini di atas kode :
<Center>
<div><div style='margin-bottom: -15px;margin-top:-15px;border: 1px solid #53cc1e;background-color:#111111'><i><b><small/></b></i><input onclick='if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Komentar'; }' style='margin: 0px; padding: 5px; font-size: 15px;background:#111111;border:none;font-syle:Philosopher;color: #53cc1e;' type='button' value='Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
<br/>
Geser kebawah sedikit Kemudian cari lagi kode :
<div id='comment-holder'>
<data:post.commentHtml/>
Taruh kode berikut ini di bawah kode diatas
</div>
</div></div></div>
</Center>
Dan kemudian simpan.
Jika Tidak berhasil pada blog sobat, silahkan mencari referensi lain karena tiap blog berbeda beda kode HTML nya, kan berbeda juga Templatenya sob. Semoga Bermanfaat.
Copy dan paste kode berikut ini di atas kode :
<Center>
<div><div style='margin-bottom: -15px;margin-top:-15px;border: 1px solid #53cc1e;background-color:#111111'><i><b><small/></b></i><input onclick='if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Komentar'; }' style='margin: 0px; padding: 5px; font-size: 15px;background:#111111;border:none;font-syle:Philosopher;color: #53cc1e;' type='button' value='Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
<br/>
Geser kebawah sedikit Kemudian cari lagi kode :
<div id='comment-holder'>
<data:post.commentHtml/>
Taruh kode berikut ini di bawah kode diatas
</div>
</div></div></div>
</Center>
Dan kemudian simpan.
Jika Tidak berhasil pada blog sobat, silahkan mencari referensi lain karena tiap blog berbeda beda kode HTML nya, kan berbeda juga Templatenya sob. Semoga Bermanfaat.
0 komentar: