Membuat Spoiler Show/Hide Di Blog

Membuat Spoiler Show/Hide
 Copy paste kode HTML di bawah 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>

Entri melalui HTML Jangan melalui Compose. Lalu paste code di atas dan jangan lupa mengganti kata Masukkan tulisanmu di sini dengan kata atau kode yang ingin anda masukkan. Anda juga bisa mengganti kata Klik show untuk melihat dengan kata yang diinginkan.
Masukkan kode di atas ke dalam postingan atau di sidebar blog anda, Hasilnya bisa dilihat di bawah ini :

Klik show untuk melihat
http://rusaxblog.blogspot.com





Previous
This is the oldest page