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>
Pada bagian JUDUL SPOILER, bisa diganti2 sesuai judul spoiler. ISI SPOILER adalah isi spoiler yg sedang dibuat ini. Contohnya seperti ini.
Selamat berspoiler ria.. dan awas SPOILER ALERT!!!!
wewwwwwwwwwwwwwwwww... keren bngt neh trik, kayak dikaskus yah om... thanks bngt deh tutornya!
ReplyDelete@ Pascal: wah, bro roni kaskuser juga yah.. keep posting gan :D
ReplyDeleteiya...mirip kayak yang ada di situs2 forum
ReplyDeletewah mantaf n asyik bos...
ReplyDeletetu masangnya di html editor apa dipostingan om?
ReplyDelete@ alun: kayaknya bisa di 2 2 nya deh.. silakan dicoba dulu aja..
ReplyDeletebtw, saya blom om2 lho.. wong SMA aja baru lulus :D
Niiiiiceeeeee :) two (Y)s up
ReplyDeletewkwkwk... belajar ngeblog ah..rasanya asik nih,,
ReplyDeletejiahh, ktk kaskus nih bos., mantapp !
ReplyDelete@ Ardhn: apaan tuh (Y)s up..??? btw, kmna aja lo ga kliatan ol??
ReplyDelete@ Anonymous: ngeblog tu asik lho.. hhehe
@ ardianz: kaskuser dimana-mana ya.. wkwkwkwkwk
@ Ardhn: apaan tuh (Y)s up..??? btw, kmna aja lo ga kliatan ol??
ReplyDelete@ Anonymous: ngeblog tu asik lho.. hhehe
@ ardianz: kaskuser dimana-mana ya.. wkwkwkwkwk
Keren bgt nih tips nya,,,, tengkyu mas
ReplyDeletemakasih yach yg dach post . .
ReplyDeleteberguna bgt dech . .
tukeran link bro???
ReplyDeletemau gak,,
aq uda pasang link mas di blog aq,,
namanya blogger-holic
mantaf gan...sebagai rasa terima kasih aku masukin url blog bos di blog saya hehehe
ReplyDeletekereeenn!!!!! bisa gitu ya.... ad trik2 lainnya ga?
ReplyDeletedaftar isinya gak jalan BOS...xixixixi
ReplyDeleteIzin Coba
ReplyDelete