How to make a spoiler button (versi 1)

Yo^^..
Welcome to the stupid tutorial from Rain :)
This tutor dedicated for my Nakama, shinobu yang mina dibikin beginian^^ (maaf sempet bilang males, ohckck)
Buat bikin spoiler button, tinggal pake kode ini..

<div style="border: 1px solid white; padding: 0px;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Tulis teks yang mau ditampilin pas cursor diarahin ke button spoiler"><span style="color: rgb(0, 0, 0); font-family:tahoma; font-size:11px;"><b>Tulisan di button spoiler</b></span></button></div><div id="spoiler" style="display: none;">TULIS ISI YANG PENGEN DISEMBUNYIIN DISINI</div></div><br />


Klo kode diatas dipake, hasil na bakal kaya gini..

TULIS ISI YANG PENGEN DISEMBUNYIIN DISINI

Tinggal edit-edit aja bagian yang butuh diedit --'
Ngomong-ngomong aku pake font Tahoma ukuran 11px buat spoil diatas.
Trus klo mau, pakein aja tag center diawal kode spoil biar keliatan lebih proporsional. Itu bakal bikin semua tulisan jadi ada ditengah

Ta-tapi klo pengen button na ada di tengah tapi isi spoil na tetep dipinggir, pake kode ini.

<div align="center" style="border: 1px solid white; padding: 0px;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Tulis teks yang mau ditampilin pas cursor diarahin ke button spoiler"><span style="color: rgb(0, 0, 0); font-family:tahoma; font-size:11px;"><b>Tulisan di button spoiler</b></span></button></div><div align="left" id="spoiler" style="display: none;">TULIS ISI YANG PENGEN DISEMBUNYIIN DISINI</div></div><br />


The result..

TULIS ISI YANG PENGEN DISEMBUNYIIN DISINI

Karena template blog aku warna na item, maka na border na putih =,=
Klo nggak mau putih, liat bagian <div style="border: 1px" solid white>. Si white na ganti sama warna yang kamu mau.
Eh, biar bener-bener kaya spoil, ilangin aja border yang di pinggir na :D
Tinggal ubah bagian <div style="border: 1px">, border na ganti sama 0px.


Ngg, aku yakin sih semua orang udah tau gimana cara na bikin spoil kaya gini.
Jadi klo ada yang komen klo tutor ini nggak guna, aku maklum =,=

JOIN!
NAKAMA - One Piece Indonesia

http://nakama-id.co.cc