Selasa, 29 April 2014

Cara membuat spoiler show dan hide di postingan

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

Klik show untuk melihat
Masukkan tulisanmu di sini
selamat mencoba

Lorem ipsum is simply dummy text of the printing and typesetting industry.


EmoticonEmoticon