Untuk popsting kali ini saya mau
membahas cara membuat spoiler show dan hide di postingan
memang cara ini sudah tersebar luas
di blog blog master tapi saya
hanya sekedar share saja
dari pada banyak omong mending langsung disimak
1. Buat entri atau postingan baru diblogger
2. pastekan script di bahaw ini <div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b> <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;"> Masukkan tulisanmu di sini </div></div></div>
3. Dan hasilnya seperti di bawah ini
selamat mencoba
membahas cara membuat spoiler show dan hide di postingan
memang cara ini sudah tersebar luas
di blog blog master tapi saya
hanya sekedar share saja
dari pada banyak omong mending langsung disimak
1. Buat entri atau postingan baru diblogger
2. pastekan script di bahaw ini <div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b> <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;"> Masukkan tulisanmu di sini </div></div></div>
3. Dan hasilnya seperti di bawah ini
Klik show untuk melihat