Membuat Spoiler

Untuk yang terbiasa terjun dalam dunia forum internet, tentu sudah tak asing lagi dengan namanya spoiler. Yup spoiler digunakan untuk memperkecil tampilan sebuah web (entah itu gambar, video, artikel panjang) menjadi satu tampilan saja seperti dibawah ini

SPOILER

ISI SPOILER

Ga sulit kok membuatnya, tinggal tambahkan koding berikut didalam postingan

SPOILER

<div><div style="margin-bottom: 2px;"><i><b><small>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>

untuk kode yang berwarna merah merupakan judul spoiler, sedangkan yang berwarna biru merupakan isi spoiler tersebut. ganti sesuai artikel yang anda buat. Selamat Mencoba :)







sumber : http://easyblogtrick.blogspot.com/2010/02/membuat-spoiler-pada-blogger.html