Minggu, 15 Januari 2012

Cara membuat show hide pada kotak komentar di blogger


halo sobat pada postingan di hari yang panas ini, saya akan membahas cara membuat kotak komentar auto hide atau buka tutup di blog.
membuatnya sangat mudah dan gampang, ini berfungsi juga untuk mengirit size blog karena sebelumnya saya memasang ini saya cek pada postingan blog ini sizenya lebih besar dari pada setelah saya pasang komentar auto hide ini(di cek pada postingan yang sama)
jadiii ini cukuplah bermanfaat sobat hehe
cara membuatnya ikuti tutorial dibawah ini
1. login ke blog sobat
2.masuk tata letak-edithtml-expand widget templates dan jangan lupa backup dulu templatenya hehe
4. cari kode berikut
]]></b:skin>

pastekan kode di bawah ini di atas kode tadi

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


5. Cari code berikut </head>
kalo sudah ketemu copy script berikut di atas code tadi
<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>


6. Cari kode berikut <dl id='comments-block'> kalau sudah ketemu, hapus kode diatas dan ganti dengan code dibawah ini

<a aiotitle='click to expand' href='javascript:togglecomments (&quot;comments-block&quot;)' rel='nofollow'><center><b style='border:1px solid #0000FF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:2px 10px; color:#333333; background-color:#f6f6f6;'>Show Or Hide coments - Buka atau Tutup Komentar</b></center></a>


kemudian simpan template dan selesai :D

Search In Come : cara membuat kotak komentar buku tutup atau show hide di blog
cara membuat kotak komentar show hide di blog
cara membuat show hide pada kotak komentar di blog

Rating: 4.5

Tidak ada komentar:

Posting Komentar