Membuat Gambar Spoiler

Teknik membuat gambar spoiler digunakan untuk meminimalisasikan isi postingan yang terlalu panjang dan penuh dengan gambar. Dengan teknik ini kita dapat menyembunyikan gambar atau view/hiden sehingga postingan menjadi lebih pendek isinya.

Contoh bisa dilihat dibawah ini.

Revalina

Berikut cara pemasangan Gambar Spoiler pada isi posting.

1. Login ke akun blog anda.
2. Buat sebuah postingan.
3. Pilih Edit HTML
4. Masukkan kode dibawah ini jika anda ingin memasang Spoiler pada gambar postingan.

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Revalina</span></i><input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 40px;" type="button" value="Lihat" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

<div style="text-align: center;">
<img src="http://4.bp.blogspot.com/-MtUP-L6ycoQ/TckHRQ7ycCI/AAAAAAAAANg/32dWOmrr3DI/s000/revalina.jpg" /></div>

</div>
</div>
</div>
</div>

Catatan :
Kode warna merah ganti dengan nama gambar anda.
Kode warna biru adalah nama tombol action, buat sesuai dengan keinginan anda.
Kode warna kuning adalah alamat gambar. Ganti dengan alamat gambar anda.

Selamat mencoba.