Setelah share cara membuat tombol spoiler didalan postingan blog, tutorial blog kali ini masih dalam pembahasan spoiler tapi tombol spoiler atau tombol buka dan tutup ini akan dipasang pada form komentar blogspot. Tujuan memasang tombol spoiler di komentar blog supaya komentar dari para komentator blog tidak memakan ruang komentar atau tidak melorot / memanjang ke bawah. Ya udah simak bagaimana cara membuat spoiler pada komentar blog dibawah ini.
Cara Membuat Spoiler di Komentar Blog :
1. Login ke blogger.com dan buka blog anda
2. Di dashboard, pilih Template => Edit Html
3. Tekan Ctrl+F, cari kode seperti di bawah 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
4. Letakkan kode berikut ini sebelum kode diatas
<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 = 'Lihat Komentar Disini'; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Lihat Komentar Disini'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
5. Kalau sudah lalu letakkan kode </div></div></div> setelah kode warna merah yang diatas
6. Penerapannya seperti dibawah ini :
<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 = 'Lihat Komentar Disini'; }' style='margin: 0px; padding: 0px; width: 200px; font-size: 15px;font-weight:bold;' type='button' value='Lihat Komentar Disini'/></div>
<div style='border: 0px inset ; margin: 0px; padding: 0px;'><div style='display: none;'>
<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
</div></div></div>
7. Simpan Template
Begitulah Cara Membuat Spoiler / Buka Tutup di Komentar Blog, silahkan diterapkan, semoga ulasan ini bermanfaat.
