Membuat Tombol Spoiler


Membuat spoiler seperti di forum-forum emang akan menambah daya tarik blog kita, selain untuk meminimalisir space yang ada pada halaman blog, tombol spoiler juga dapat memberikan kesan yang lumayan enak dipandang.

bersama teman - teman angkatan 18, ane utarain niat untuk membuat script/coding tombol spoiler tersebut, dan akhirnya jadilah seperti yang dibawah ini:

-->
<div id="spoiler"> <div><input type="button" value="Show" style="margin:0px;padding:0px;" 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'; }"> </div> <div style="background: #ffffff; margin: 10px auto; border: 0px solid #000; padding: 5px;"> <div style="display: none;"> ganti dengan Teks/ gambar yang ingin anda masukan dalam tombol spoiler </div> </div> </div>
Contoh :

Cuma Contoh
selesai dech tombol spoiler tersebut.
Thank's to :
Keluarga arisan 18 
Note : boleh copas, asal cantunkam alamat asal
Facebook Comments

0 komentar

Powered by Blogger.