Pada saat ini aku akan membagikan posting tentang cara membuat tombol spoiler show dan hide pada blog. Tampilannya bisa sepeti gambar di samping atas. Pada saat kamu mencoba bisa lumayan bingung dan nanti akan aku jelaskan dengan lebih rincinya.Silahkan CoPast kode di bawah ini :
<div><div style="margin-bottom:
2px;"><i><b><small>JUDUL
SPOILER</small></b></i><input value="Show"
style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;"
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 = 'Show'; }"
type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
ISI NYA (Terserah anda)
</div></div></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
ISI NYA (Terserah anda)
</div></div></div>
Kemudian, cara penggunaannya bisa dilihat di bawah ini :
Nantinya tampilannya akan seperti dibawah ini :
Silahkan klik Show untuk membuka isinya
Tips n' Trik = Apabila kamu mau mengganti agar nama tombolnya tidak show dan tidak hide bisa diganti dengan mengganti semua tulisan show ataupun hide dengan tulisan lainnya dan preview dulu. Apabila masih tidak ganti klik Mode Compose dan kembali lagi ke Mode HTML ganti lagi semua tulisan Show ataupun Hide.
0 komentar:
Posting Komentar
Silahkan kalian memberi komentar sesuka kalian dengan kata-kata yang sopan dan baik. Apabila ada yang menggunakan SPAM, kata-kata buruk dan tidak sopan, maupun lainnya akan dihapus. Mohon maaf apabila komentar kalian tidak aku jawab, karena aku sendiri yang mengurus blog ini.