Cara Membuat Spoiler di Blog

Pernahkah mendengar kata spoiler??

Kalau dalam dunia penerbangan, spoiler berarti alat untuk mengurangi gaya dorong. Sedangkan dalam dunia otomotif berarti alat untuk mengubah arus udara pada kendaraan bermotor. Tapi bukan ini yang dimaksud dalam dunia blog, menurut saya, spoiler itu adalah tombol yang dapat menyembunyikan sebuah teks atau gambar sehingga bisa mengurangi panjang dari postingan sebuah blog. Untuk membuatnya tidak terlalu sulit, kita hanya perlu melakukan langkah seperti di bawah ini:

1. Seperti biasa log in ke blogger, kemudian buat/buka postingan yang akan ditambahkan spoiler
2. Masukkan kode berikut ini pada bagian postingan yang yang akan diberi spoiler

<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>

Kode yang berwarna biru dapat diganti sesuai keinginan dan kode yang berwarna hijau adalah isi dari spoilernya. Sebaiknya pratinjau terlebih dahulu sebelum menerbitkan postingan. Selamat mencoba...........