Memberi Spoiler Pada Blog Kita
Spoiler atau disebut juga show hidden sering dipakai para bloger untuk meminimalis sajian pada blog begitu [ula aku juga sering memakai spoler show hiden biar tidak terlalu banyak sajian yang di tampilkan. Saya akan menawarkan tips untuk teman bloger ihwal cara menciptakan spoiler show hidden pada blog. Caranya:
Copy codenya dibawah ini
<div><div style="margin-bottom: 2px;"><i><b><small>Klik untuk melihat </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:inset ; margin: 0px; padding: 6px;"><div style="display: none;">
TEXT ANDA LETAKAN DISINI
</div></div></div>
Copy codenya dibawah ini
<div><div style="margin-bottom: 2px;"><i><b><small>Klik untuk melihat </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:inset ; margin: 0px; padding: 6px;"><div style="display: none;">
TEXT ANDA LETAKAN DISINI
</div></div></div>
