Cara Membuat Tombol Spoiler di Komentar Blog - Tombol Spoiler atau disebut juga dengan tombol buka tutup sering dijumpai di blog, hal ini ...
Cara Membuat Tombol Spoiler di Komentar Blog - Tombol Spoiler atau disebut juga dengan tombol buka tutup sering dijumpai di blog, hal ini dimaksudkan supaya komentar dari komentator tidak memanjang ke bawah. Memang lebih bagus dan lebih rapi kalau para komentator blog disembunyikan dengan spoiler, disamping itu juga pengaruhnya pada loading blog. Yuk simak bagaimana cara membuat spoiler / buka tutup pada Komentar Blog.
Cara Membuat Tombol Buka Tutup / Spoiler di Komentar Blog :
1. Login ke blogger.com
2. Pilih Tata Letak => Edit Html
3. Centang Expand Template Widget
4. Tekan F3 dan 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
5. Selanjutnya letakkan kode dibawah 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. Lalu letakkan kode dibawah ini setelah kode yang saya beri warna merah
</div></div></div>
6. Sehingga penerapannya seperti 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
Nah selamat mencoba untuk Membuat Spoiler / Buka Tutup di Komentar Blogspot, semoga bermanfaat.
COMMENTS