Membuat spoiler

Untuk contohnya silahkan lihat di bawah ini, kemudian coba klik Lihat Gambar.

Blogger dan Blogwalking

Nah, setelah di klik, apa yang terjadi sobat blogger semua, tiba-tiba langsung muncul sebuah image dengan teks di atasnya.

Lalu bagaimana Cara Membuat Spoiler di Blog.
Silahkan sobat ikuti beberapa langkah sederhana di bawah ini:

1. Silahkan buat dulu postingan yang ingin di pasangi spoiler
2. Silahkan masukan kode di bawah ini pada postingan artikel kita.

<div id="spoiler"><div><input style="margin: 10px; padding: 0px; height: 20px; font-weight: bold;" value="Lihat Gambar" onclick="if (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 = 'Tutup Gambar'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display= ''; this.innerText = ''; this.value = 'Lihat Gambar'; }" type="button"><div id="show" style="border: 5px none ; padding: 2px; display: none; width: 90%;">
<b>Blogger dan Blogwalking</b>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzAqx9c5jMavJl4zlktQtWC2lRi34kfQlJUxB0KKeD51KT5GmhQzbY1v0dTfgnNscYwLUE2qlO-EoL_W8vLxxkEJJFAUr5jzF0IjxaeB4KiHLy7Fstnevv3FRcykgNyenYvkgCPu__bzHA/" alt="Cara, Membuat, Spoiler, di, Blog" a="" />
</div><div ></div></div></div>

Pada bagian yang saya beri warna biru, silahkan ubah dengan alamat gambar kita masing-masing. Kemudian pada bagian yang saya beri warna merah, silahkan ubah dengan teks sesuai keinginan.

Setelah selesai, silahkan sobat coba untuk menerbitkan artikelnya. Kemudian lihat hasilnya.

Selamat mencoba dan sukses selalu dengan blognya.

sumber :http://cyber-art12.blogspot.com/2011/03/tes.html