Minggu, 01 April 2012

Cara membuat kotak komentar buka tutup di blog

Hai sobat temen-blogger.blogspot.com! sudah cukup lama gak posting nih, kali ini rizaldi priantama akan berbagi ilmu nih sob, tentang Cara membuat kotak komentar buka tutup di blog. tutorial ini akan sangat bermanfaat jika pengunjung blog sobat membludak alias sangat banyak , apalagi jika blog sobat dofollow, pastinya akan ada banyak komentar, duh kalo banyak-banyak komentar ngaruh gak ya pada loading blog? ya jelas ngaruh sob. nah, tutorial kali ini bertujuan untuk merapikan blog sobat yang tadinya langsung muncul komentar banyak, kali ini sedikit disembunyikan , jika diklik, maka akan muncul tampilan komentar sobat. okelah daripada banyak ngomong, capek ngetiknya, mending langsung kita bahas saja :

1.) Baca Basmallah
2.) Login ke akun blogger sobat
3.) Masuk ke Edit html , Rancangan > Edit html
4.) Backup dulu template sobat, klik download template lengkap,
5.) Centang tanda expand widget template
6.) Cari kode ]]></b:skin>, agar mudah cari dengan menggunakan find ( Ctrl+F )
7.) Jika sudah ketemu, taruh kode dibawah ini tepat diatas kode ]]></b:skin>


.commenthidden {display:none}
.commentshown {display:inline}
8.) Kemudian, cari lagi kode </head>
9.) Jika sudah ketemu, taruh kode dibawah ini tepat diatas kode </head>


<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>
10.) Setelah selesai dengan langkah 9, lalu cari lagi kode <dl id='comments-block'> 
11.) Jika sudah ketemu, ganti kode <dl id='comments-block'> dengan kode 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>
12.) Ganti tulisan Show Or Hide coments - Buka atau Tutup Komentar dengan kalimat/kata sesuai selera sobat
13.) Simpan Template dan Selesai.

0 komentar:

Posting Komentar