4.23.2010

Membuat spoiler pada posting blog

Untuk mempercantik postingan sobat berikut cara membuat postingan menggunakan spoiler seperti pada postingan saya sebelumnya, yang belum tahu namanya spoiler ne bentuknya :

buka :



berikut ini caranya :
1. Pertama copy code berkut ini :

<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>JUDUL SPOILER ANDA</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><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">ISI SPOILER ANDA</div></div></div>

2. Pastekan pada notepad kemudian edit yang ditandai

3. Posisikan code spoiler pada edit html

4. Selamat mencoba..!!

1 comment: