Fenomena Alam Semesta: Cara Membuat Spoiller

Cara Membuat Spoiller

Jumat, 13 Maret 2009

Created : satriaji

Kadang kita bingung dengan terbatasnya space di blog kita, apalagi untuk yang hobby memasang banyak gadget dihalaman utama, selain memakan banyak tempat, blog yang terlalu ramai juga membuat browser menjadi berat saat loading... Nah kemarin iseng - iseng saya tanya mbah gugel bijimane caranya membuat spoiller, eh ga taunya ada di blog sahabat baik saya hehehe....

Okelah kalo begitu, buat rekan - rekan yang ingin memasangnya juga ikuti petunjuk berikut :

Login Ke Dashbor
Tambah Gadget
Masukkan Kode Dibawah ini :

<div><div style="margin: 6px;"><input value="== Show ==" style="margin: 1px; padding: 1px; width: 150px; font-size: 12px;" 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 = '== Tutup =='; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '== Buka =='; }" type="button">
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan isi Spoiller disini
</div></div></div></div>

Hasilnya :

Catatan :

Utak atik sendiri untuk panjang dan pendeknya padding, ukuran huruf, dan textnya
Happy Blogging..........