Membuat Spoiler (Show/Hide)

Membuat Spoiler (Show/Hide)

Jika tertarik dengan spoiler silahkan copy kode script dibawah ini :

<div !mulai spoiler><div style="text-align:center;"><input style="width:100px; background-color:#e6e6e6; color:#000; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;" value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"></div><br /> <div style="padding:5px; text-align:justify;"><div style="display: none;">TULISAN/GAMBAR YANG AKAN DISEMBUNYIKAN</div></div></div !akhir spoiler><br />

1. Login ke akun blog (bloger.com)
2. Dari halaman Dasbor, klik Tata Letak dan pilih Elemen Halaman.
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript
5. Copy kode script di atas, Paste ke HTML/JavaScript
6. Save.... tinggal di cek Lihat Blog /Publish
7. BERHASILLLL.....Lihat Contoh 

Keterangannya :
kode warna #e6e6e6 (dengan Program HTML Color codes)

Contoh :
Hasilnya adalah :

TULISAN/GAMBAR/SESUATU YANG AKAN DISEMBUNYIKAN

Related Posts by Categories