Cara Membuat Spoiler pada Form Komentar Blogspot - Dengan adanya tombol spoiler atau tombol buka tutup yang ada diatas kotak / form komentar, akan membuat tampilan blog anda semakin menarik karena tampilan dari komentar dari pengunjung tidak melorot / memanjang ke bawah, jadi lebih simple dan juga tidak membuat loading blog makin berat.
Cara Membuat Spoiler / Tombol Buka Tutup Pada Komentar Blogspot :
1. Login ke Blogger
2. Pilih Template => Edit Html
3. Klik Expand Template
4. Pada keyboard, tekan F3 dan cari kode seperti dibawah ini :
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
5. Selanjutnya letakkan kode berikut diatasnya
<div><div style='margin-bottom: 2px;'><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 = 'Silahkan Lihat Komentar'; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Silahkan Lihat Komentar'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
6. Belum selesai ya? soalnya kodenya belum ada penutupnya. Selanjutnya letakkan kode berikut dibawah kode warna merah :
</div>
</div>
</div>
7. Nah sekarang selesai nih, trus simpan aja template and silahkan lihat hasilnya.
Sekian dari ane, selamat mencoba memasang / membuat tombol spoiler di Komentar Blogspot, semoga bermanfaat.
