- Back to Home »
- Blog »
- Membuat Spoiler pada Blog
yA kali ini saya akan memposting tentang cara "Membuat Spoiler pada Blog" kalian tau tidak spoiler itu seperti apa.., kalau belum tau lihat posting ini pada akhirannya.., spoiler ini sejenis dengan hidden chatbox yang selalu sembunyi-sembunyian,. maksud saya fungsinya.., fungsinya adalah menghemat ruangan blog., hehehe..,
Spoiler ini sudah terkenal sekali bagi yang selalu mengunjungi kaskus pasti disana kalian menemukan spoiler.., ya kan ??? kalian tau tidak cara membuatnya.., ya sudah dehh.., kali ini saya akan memposting tentang itu...,
Langsung aja, untuk membuat spoiler dibutuhkan kode berikut :
<div style="margin-bottom: 2px;">Judul Spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; 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>
jadi..., tinggal copy paste aja kan ??? ganti Judul Spoiler dengan judul Spoiler kalian.., dan ISI SPOILER tentunya dengan isi spoiler kalian.., dan hasilnya jika kode diatas di copy paste hasilnya seperti ini :
Judul Spoiler
gimana ?? menarik bukan...., ya semOga postingku kali ini bermanfaat bagi anda dan blog anda.., hehe.., sekian dari saya..., dan jangan lupa beri komentar.......,