Cara memabuat spoiler di blog

Fungsi dari spoiler ini adalah untuk menampilkan (show) atau menyembunyikan (hide) image maupun text pada halaman posting atau bisa juga di letakkan pada sidebar. Untuk menghemat tempat biasanya para blogger menyiasati dengan menggunakan spoiler tersebut. Bagi sobat yang ingin membuat spoiler dan belum tahu caranya bisa ikuti cara ini:

Di bawah ini adalah kode yang bisa sobat gunakan untuk membuat spoiler:

(this.parentNode.parentNode.getElementsByTagName('div') ['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')

['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')

['hide'].style.display= 'none'; this.innerText = ''; this.value = 'CLOSE'; } else {

this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display= ''; this.innerText = ''; this.value = 'OPEN'; }" type="button"/>

TOLONG TULIS KOMENTAR N BUKU TAMU
<br>
<img src="http://dryicons.com/images/icon_sets/valentine_love/png/128x128/ribbon_heart.png"a>
</div><div id="hide"></div></div></div>

Ganti yang berwarna merah dengan text atau alamat gambar sobat.
Di bawah ini adalah hasil dari kode-kode di atas.
Silahkan diklik untuk melihat hasilnya.

TOLONG TULIS KOMENTAR N BUKU TAMU