Cara Memasang Spoiler

Hai sobat, kali ini blognya herry mau bagi-bagi tips ni. cara memasang spoiler pada blog. udah pada tahu belum spoiler itu apa? spoiler merupakan sesuatu berbentuk objek yang bisa ditayangkan atau disembunyikan. objeknya bisa berbentuk gambar maupun tulisan. spoiler ini juga dapat meringkas tempat di blog kita. Kalo masih bingung ini dia contohnya :

Objek Wisata di Kota Bengkulu

Sudah pernah ke Bengkulu belum. Bagi yang udah tentu sudah tau dong objek-objek wisata di Bengkulu. Nah bagi yang belum pernah main ke Bengkulu kali ini blognya herry pengen kasih tau ni objek wisata di Bengkulu. Berikut ini adalah contoh gambaran sebagian objek wisata yang ada di kota bengkulu, diantaranya :

1. Bunga Raflesia Arnoldi

Beginilah gambaran dari bunga raflesia arnoldi. Bagi sobat yang ingin melihat langsung bisa sobat temui di Bengkulu.

2. Rumah Bung Karno

Beginilah gambaran rumah bung karno.disinilah tempat bung karno semasa di asingkan di Bengkulu.bagi sobat yang pengen liat langsung bisa datang ke bengkulu.tempatnya tidak jauh dari simpang 5 suprapto.

3. Rumah Ibu Fatmawati

Beginilah gambaran rumah ibu fatmawati .disinilah tempat ibu fatmawati tinggal di Bengkulu.bagi sobat yang pengen liat langsung bisa datang ke bengkulu.tempatnya tidak jauh dari rumah bung karno.

Udah pada tahukan...!!!. Seperti ini namanya spoiler..hehe.. sekarang langsung aja ke cara buatnya.

1. Log in ke Blogger Sobat
2. Pilih Menu Dashboard
3. Posting. Pilih HTML
masukkan kode berikut ini:

<div style="margin: 5px 20px 20px;" align="justify"><div class="smallfont" style="margin-bottom: 2px;"><input style="margin: 0px; padding: 5px; width: auto;" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" value="Show" type="button"></div><div class="alt2"><div style="display: none;"><div style="border: #000 ; padding: 10px; text-align: justify;">

<img src="isi link lokasi gambar" height="130" width="180" /><br />
<div style="text-align: justify;">Isi teks disini

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

4. Klik Simpan.
5. Selesai dech, gampang kan...selamat mencoba ya....