Spoiler sudah sangat terkenal dikalangan forum KASKUS. Pada dasarnya spoiler adalah berfungsi sebagai alat untuk meminimalisir space yang memang ada beberapa gambar atau text yang bisa membuat penuh sebuah space.
Spoiler ini sebelumnya lebih sering dipakai oleh pecinta kasku. Namun kali ini Spoiler lebih banyak sering juga digunakan pada blogger. Fungsinya bisa sebagai alat untuk membuat penasaran kepada para pembaca untuk mengetahui ada apa sih yang disembunyikan itu, dengan cukup menekan tombol yang tersedia maka object akan bisa terlihat.
Sebenarnya saya agak bingung memberikan judul artikel ini dengan judul apaan, ya sudahlah saya beri judul simple saja "Cara Membuat Spoiler Kaskus di Blogger".
Oke, gak usah banyak teori ya, langsung saja kita praktek kan saja script sopiler ini :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Show" style="margin: 0px; padding: 0px; width: 55px; 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 = 'Hiden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Letakkan teks atau kode script (gambar atau video) di sini <br></div></div></div>
Nah.. Pada text yang berwarna merah di atas, silahkan ganti dengan kata-kata kesukaan kalian dan untuk text yang berwarna kuning, letakkan isi spoiler nya.
Sebagai demo, silahkan lihat tutor dibawah.
Rahasia usil untuk wanita ......
Nahhh.... selamat mencoba semoga berhasil.....
Salam Bloger
