Membuat SPOILER ( Menu Tutup Buka ) di Blog

Beberapa waktu lalu saya menjelaskan tentang membuat spoiler di Kaskus. nah... sekarang saya akan menjelaskan tentang membuat spoiler di Blog dan memasangnya di postingan.
langsung aja ya...
log in ke bloger kamu, masuk ke posting, entri baru.
disini hal yang penting, kamu harus perhatikan Edit HTML bukan Tulis. perhatikan gambar di bawah ini:

setelah itu setiap akan membuat spoiler, sisipkan script berikut di postingan tadi.

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">...........................</div></div></div>

Keterangan: Isi titik-titik warna merah dengan gambar, script kode, atau tulisan sesuai dengan keinginanmu.

Selamat mencoba.,,, oia ini contohnya:

Janga Lupa Tinggalkan komentarnya ya... sekali lagi semoga artikel ini bermanfaat buat para pembaca.

Silahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.

Penulis : Azis Lamayuda | BLOG : Do The Best To Get The Best
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.