Buat anda yang yang sering berkunjung ke beberapa forum seperti kaskus
mungkin sudah tidak asing lagi dengan yang namanya spoiler, nah oleh karena itu
pada kesempatan kali ini saya akan berbagi sedikit cara buat para blogger
mengenai membuat spoiler ini.
Jika pada forum forum kita cukup mengetikkan perintah [spoiler]isi
spoiler[/spoiler] maka jika di blog Cara Membuat Spoiler di Blog tidak
semudah itu. kita perlu memasukkan sedikit script tambahan pada bagian edit
html saat akan memposting sesuatu. adapun script html yang bisa anda gunakan
untuk membuat spoiler di blog bisa anda copas di bawah ini.
<div><div style="margin-bottom: 2px;"><i><b>Judul Spoiler Anda</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 Anda</div></div></div>
Copas code di atas pada bagian edit html blog anda saat anda akan memposting di blog, anda bisa merubah tulisan yang berwarna merah di atas sesuai dengan kemauan anda.
Selamat Mencoba!