Quantcast
Channel: Rizaldi Priantama
Viewing all articles
Browse latest Browse all 154

Cara membuat kotak komentar buka tutup di blog

$
0
0

Hai sobat blogger ! 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.) Masuk ke akun blogger sobat
3.) Masuk ke Template > Edit Html > Lanjutkan
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 Ctrl+F
7.) Jika sudah ketemu, taruh kode dibawah ini tepat diatas kode ]]></b:skin>

Kode
.commenthidden {display:none}
.commentshown {display:inline}
8.) Kemudian, cari lagi kode </head>
9.) Jika sudah ketemu, taruh kode dibawah ini tepat diatas kode</head>
Kode
<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'> atau  <dl expr:class='data:post.avatarIndentClass' id='comments-block'> jika belum ketemu, cari kode yang mirip karena setiap template berbeda-beda kode.
11.) Jika sudah ketemu, ganti kode <dl id='comments-block'> dengan kode dibawah ini 
Kode
<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

Viewing all articles
Browse latest Browse all 154

Trending Articles