//sunflower's hope
SITE ABOUT ENTRY LINKS STUFF
Cara Membuat Tombol Spoiler Versi 1
8/5/11 • 5.8.11 • 0 Commenter [s]
Menyembunyikan konten tertentu dari sebuah halaman blog/website diperlukan untuk menghemat space. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Begitupun dalamsoftware forum semacam vBulletin, Spoiler pasti banyak digunakan.
Berikut kode yang bisa digunakan dalam membuat spoiler di blog :
<div><div style="margin: 5px;">

<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler... 
</div></div></div></div>
Kode HTML diatas akan memberikan hasil seperti dibawah ini:


Tentang bla..bla.bla.. 
kalau mengerti html silakan di costumize sendiri  ^-^
Credit To : Kak Lulu

Labels:



OLD • NEW
Welcome!
Hello ! I'm Urfi from Indonesia, nice to meet you^^ I rarely update here, but you can found me on Instagram @sunflowerhope


Chatbox


Archive;


Ads