Membuat Spoiler Pada Blogger

Membuat Spoiler Pada Blogger

Spoiler itu apa sih?? Mungkin yg sering berkelana dalam dunia internet tahu apa itu spoiler. Ok, spoiler adalah ras ayam yang mampu tumbuh cepat sehingga dapat menghasilkan daging dalam waktu relatif singkat kurang lebih 5-7 minggu... eits, apaan nih ayam-ayaman segala.. ngaco lo, bukan inilah artinya..

Oke, jadi balik lagi ke spoiler. Spoiler bisa disebut juga tulisan atau keterangan mengenai suatu cerita yang membeberkan jalan cerita tersebut. Karena sifatnya yg 'membocorkan' itu, maka keberadaanya kadang2 mesti disembunyikan. Jadi hanya terbaca oleh orang yg mau ngebaca bocoran tsb. Untuk menyembunyikan bocoran tsb, biasanya menggunakan kombinasi CSS dan JavaScript. Nah, teknik menyembunyikan bocoran itu akhirnya biasa disebut juga dgn spoiler.

Spoiler bisa juga digunakan untuk mengejutkan pengunjung dgn apa yg ada dalam spoiler tsb. Atau bisa juga untuk menghemat tempat artikel yg terlalu panjang. Well, fungsi spoiler bisa macem2 lah pastinya. Tinggal sekreatifnya kita aja.

Terus gimana cara ngebuatnya??
Caranya mudah banget koq..
Tinggal masukin kode HTML ke dalam postingan atau Elemen HTML.

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER  </small></b></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 style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

ISI SPOILER

</div></div></div>

Selesai......

Enter your email address:

Delivered by FeedBurner

.:: Advertisements ::.